问题标签 [ionicons]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
2327 浏览

css - 在 Rails 应用程序中使用离子图标

我有一个 Rails 应用程序,我想在其中使用它们。按照说明,我确保 .css 中的字体路径是 assets/fonts/ionicons ......但它似乎不起作用。以前有人用过这些吗?

0 投票
2 回答
1181 浏览

ios - Safari 中的 CSS 故障,使用 Ionicons 作为背景内容和绝对定位

我使用 SASS(Compass)创建了我的第一个网站,我非常喜欢它,它是一个非常方便的工具。我还添加了 Font Awesome 并经常使用它,因为我也想针对 Retina desiplays 进行优化,因此使用更少的图形。

我正在进行的项目处理在线反馈和讨论,因此我想在两个栏内放置一个“+”和“-”符号作为背景:https ://www.orat.io/stmt/42

这是“+”符号的代码:

问题是在Safari(尤其是在 iOS 上)中,图标的位置很奇怪。我试图改变各种参数,但没有奏效。在 Chrome、Firefox 等中一切都很好。

有小费吗?多谢你们

0 投票
1 回答
5926 浏览

html - Ionicons 不在 IE 和 Firefox 中显示

我已经研究了一整天,但找不到关于为什么我的 ionicons 无法在 IE 和 Firefox 中显示但在 chrome 中成功显示的答案。

我的网站是在 Bootstrap 3 中构建的,并且在其他 CSS 文件之后的标题中调用了 Ionicon CSS。

当我在 IE(所有版本)和 Firefox(所有版本)中启动该站点时,Ionicons 显示为小矩形,每行有两个字符。

如果您使用的是 Firefox,您可以在社交 Ionicons 所在的团队部分中看到错误。

有谁知道是什么原因造成的?我尝试了该站点的一些解决方案,但均未成功。

0 投票
0 回答
4356 浏览

fonts - 如何让离子图标(离子图标)在 Android 股票浏览器上工作?

我正在使用离子框架。

我正在使用以下代码:

它直接取自官方文档:http: //ionicframework.com/docs/components/#input-icons

它在所有方面都运行得很好,但在普通的 Android 浏览器上失败了(在物理 HTC One X 4.0.4 和 Genymotion Galaxy Nexus 4.3 上测试)。

我尝试使用 Weinre 来检查元素

在此处输入图像描述

我尝试修改 CSS:

在此处输入图像描述

我检查了是否支持:伪类

http://caniuse.com/#feat=css-gencontent

我创建了简单的演示以查看它们实际上是受支持的(它们是)

http://plnkr.co/edit/o5BK6KqTk1MNrlMOI7o5?p=preview


在这个阶段,我觉得有资格问......让图标工作需要什么?

(非常感谢)

更新:http ://bit.ly/aaaabbbccc图标在股票浏览器中有效,我仍在试图弄清楚为什么它们不在我的代码中......

更新:https ://android.stackexchange.com/a/19816/59510 - 方便的链接指示如何删除浏览器缓存/本地存储/任何其他设置

更新: http: //1drv.ms/1fWdHpi - 我录制了一个视频......它是间歇性的,有很多可能的状态。

0 投票
5 回答
19249 浏览

android - 一些离子未显示

我注意到我在我的 cordova 项目中使用的一些图标没有显示在我的任何设备上。那些不起作用的图标名称中似乎有 ios 或 android 一词(例如:ion-android-list 或 ion-ios-book-outline)。任何想法为什么他们只是显示空白?到目前为止,我使用的任何带有通用名称的图标都可以正常工作(例如离子时钟、离子卡)。我从这里获取的图标名称:ionicons

我已将其包含在我的 index.html 文件中:

0 投票
1 回答
1071 浏览

tabs - 用户 Ionicons 电子邮件未读

我正在尝试在此网站上使用 Ionic 的图标:http: //ionicons.com/

这是“ion-email-unread”,不知何故,这多个其他图标不起作用。当我打电话给他们时,他们简单地不显示。没有错误消息。

我的代码如下所示:

如果我输入代表不同符号的 icon="ion-email" ,它就可以正常工作。

你能帮我找到我的问题吗?

0 投票
2 回答
2545 浏览

html - 如何为 Ionicon 的颜色设置动画?

我想要一个离子图标(猜测它的 SVG)来迭代地改变颜色。我尝试了以下方法,但它只显示紫色的 svg 图标:

元素

css

0 投票
1 回答
80 浏览

javascript - 我在我的项目中使用了 ionicons ,但它无法显示

正如标题所说,我在项目中使用了跟随元素,但无法显示。

我不知道如何解决这个问题。如果有人能告诉我如何解决这个问题,非常感谢。

0 投票
0 回答
75 浏览

css - 在 body 上定义 font-family 时基线更高

今天我在使用 IonIcons 时发现了一个奇怪的行为。

当正文具有 font-family 属性时,基线(对吗?是基线吗?!)更大。

在此处输入图像描述

JSFiddle:http: //jsfiddle.net/5awcxhnv/

如果您从正文中删除 font-family 属性,则大小是完美的。你们知道这种行为的原因吗?

更新: http: //psd-labs.com/demo/ - 我想垂直对齐蓝色框中心。我用过vertical-align:center;,但由于正文上的字体,它不起作用。当我删除字体时,对齐是完美的。

0 投票
4 回答
51685 浏览

html - CSS\HTML - 如何将 Ionicons 添加到 CSS“内容”属性?

我正在使用自定义switch切换(从这里),我想添加一个图标而不是常规文本。当我将Ionicons代码粘贴到 CSScontent属性时,它显示为一个矩形(一些迹象表明未找到字符\字体)。我如何通过这个?

编辑:我忘了补充,我已经包含了来自 CDN 的 CSS。

JSfiddle

切换 CSS:

HTML: