问题标签 [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.
css - 在 Rails 应用程序中使用离子图标
我有一个 Rails 应用程序,我想在其中使用它们。按照说明,我确保 .css 中的字体路径是 assets/fonts/ionicons ......但它似乎不起作用。以前有人用过这些吗?
ios - Safari 中的 CSS 故障,使用 Ionicons 作为背景内容和绝对定位
我使用 SASS(Compass)创建了我的第一个网站,我非常喜欢它,它是一个非常方便的工具。我还添加了 Font Awesome 并经常使用它,因为我也想针对 Retina desiplays 进行优化,因此使用更少的图形。
我正在进行的项目处理在线反馈和讨论,因此我想在两个栏内放置一个“+”和“-”符号作为背景:https ://www.orat.io/stmt/42
这是“+”符号的代码:
问题是在Safari(尤其是在 iOS 上)中,图标的位置很奇怪。我试图改变各种参数,但没有奏效。在 Chrome、Firefox 等中一切都很好。
有小费吗?多谢你们
html - Ionicons 不在 IE 和 Firefox 中显示
我已经研究了一整天,但找不到关于为什么我的 ionicons 无法在 IE 和 Firefox 中显示但在 chrome 中成功显示的答案。
我的网站是在 Bootstrap 3 中构建的,并且在其他 CSS 文件之后的标题中调用了 Ionicon CSS。
当我在 IE(所有版本)和 Firefox(所有版本)中启动该站点时,Ionicons 显示为小矩形,每行有两个字符。
如果您使用的是 Firefox,您可以在社交 Ionicons 所在的团队部分中看到错误。
有谁知道是什么原因造成的?我尝试了该站点的一些解决方案,但均未成功。
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 - 我录制了一个视频......它是间歇性的,有很多可能的状态。
android - 一些离子未显示
我注意到我在我的 cordova 项目中使用的一些图标没有显示在我的任何设备上。那些不起作用的图标名称中似乎有 ios 或 android 一词(例如:ion-android-list 或 ion-ios-book-outline)。任何想法为什么他们只是显示空白?到目前为止,我使用的任何带有通用名称的图标都可以正常工作(例如离子时钟、离子卡)。我从这里获取的图标名称:ionicons
我已将其包含在我的 index.html 文件中:
tabs - 用户 Ionicons 电子邮件未读
我正在尝试在此网站上使用 Ionic 的图标:http: //ionicons.com/
这是“ion-email-unread”,不知何故,这多个其他图标不起作用。当我打电话给他们时,他们简单地不显示。没有错误消息。
我的代码如下所示:
如果我输入代表不同符号的 icon="ion-email" ,它就可以正常工作。
你能帮我找到我的问题吗?
javascript - 我在我的项目中使用了 ionicons ,但它无法显示
正如标题所说,我在项目中使用了跟随元素,但无法显示。
我不知道如何解决这个问题。如果有人能告诉我如何解决这个问题,非常感谢。
css - 在 body 上定义 font-family 时基线更高
今天我在使用 IonIcons 时发现了一个奇怪的行为。
当正文具有 font-family 属性时,基线(对吗?是基线吗?!)更大。
JSFiddle:http: //jsfiddle.net/5awcxhnv/
如果您从正文中删除 font-family 属性,则大小是完美的。你们知道这种行为的原因吗?
更新: http: //psd-labs.com/demo/ - 我想垂直对齐蓝色框中心。我用过vertical-align:center;
,但由于正文上的字体,它不起作用。当我删除字体时,对齐是完美的。