问题标签 [icon-fonts]
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 - 使用引导字形图标
我正在尝试使用来自 twitter bootstrap 的字形图标。我想使用伪元素 :after 而不是之前。
.glyphicon.glyphicon-search:before 以上工作正常。
.glyphicon.glyphicon-search:after 上面的不行。
我究竟做错了什么？
safari - 图标字体在 Safari（iOS 和 OSX）的后续访问中呈现为正方形
我们在字体图标方面遇到了一个奇怪的问题。第一次访问它们加载得很漂亮，但是在随后的访问中经过一段时间的空闲（通常大约 24 小时）后，它们被正方形所取代。在 Chrome、Firefox 甚至 IE 中它都可以正常工作。
当问题出现时，我可以在检查器中看到带有嵌入字体的 CSS，但字体不会呈现。CSS 被缓存，感觉就像字体从缓存中被逐出但从未再次加载。
我们尝试了不同的托管方式、bootstrapcdn、我们自己的 CDN，以及现在的 fonticons.com。没有真正的改变。真正奇怪的部分是问题只会在一段时间后出现。
有类似问题的人吗？
javascript - 从 gulp-iconfont 生成的 css 无法正确显示字体符号
所以，我使用gulp-iconfont从 svg 图标生成图标字体。我已经通过下一种方式设置了任务：
console.log(codepoints)给了我类似的东西：
我在我的css中使用这个代码点来生成类似的东西：
它不起作用，有一个空白空间而不是我的图标。但是，如果我使用直接从生成的 svg 字体获得的代码点，它可以工作：
我究竟做错了什么？
font-awesome - 多种图标字体
我们正在使用 glyphicons、FontAwesome 和我们自定义的 Icon-Font。
现在我遇到了这些图标不在同一行的问题：
我们有一个 CSS 类，可以使图标更大，并且图标在同一行：
之后，我尝试添加vertical-align:text-bottom;到图标字体的基本 CSS 类：
但是现在图标仍然不在同一行:(
我想如果我只制作一种包含所有 3 种图标字体的自定义字体，我想我可以解决这个问题，但我希望能够轻松更新 fontAwesome 或 Glyhpicons ......
有任何想法吗？
css - 如何将字体图标旋转 45 度？
我想将此字体图标旋转 45 度。该图标具有以下 CSS（所有 CSS 均通过 LESS 编译）：
就是这个 Flaticon：http ://www.flaticon.com/free-icon/hand-pointer_70655
我已将其安装为图标字体。
但是，当我尝试将它旋转 45 度，使手指指向右上角时，它不起作用。我正在尝试像这样安装图标：
这是类gly-rotate-45：
浏览器正在启动transform: rotate(45deg);，但图标未旋转。如何旋转此图标字体？
css - Internet Explorer 图标字体问题
我对图标 webfont 和 IE 有一点问题。使用 Chrome，font-size:1.3em 可以正确显示。但是对于 IE，字体大小不受尊重（在 px 和 em 中...）。
我已经在 em 和 px 中测试了字体大小。
http://i.stack.imgur.com/RtV84.png
header.php 文件的图标在哪里：http: //pastebin.com/4kcTy5ew
谢谢你的帮助 ！
css - 使 SVG 图标和字体图标协同工作
我在我的布局中注意到，如果我选择使用 SVG 图标，则很难将图标字体合并为备份。例如，如果我在流体容器中有一个 SVG，则该流体容器内的图标字体不会变大，因为它的大小是基于字体大小的。这是否意味着我应该在 SVG 上使用 png 备份文件，因为它们在我的 CSS 中遵循相同的格式？我担心这会降低不支持 SVG 的设备的性能。
css - zurb-foundation 图标作为下拉菜单
我在使用基础图标集时遇到问题。我想在导航栏中使用图标作为下拉菜单的按钮。
有什么建议吗？
android - 三星迷你设备上不显示 Unicode 符号 (25be)
我已经包含了一个图标字体，我正在尝试使用 Unicode 符号作为图标的字符。大多数似乎都在工作，除了网站上的一对返回空白。
25be 和 25b4 似乎是主要的。
我将这些作为内容加载到伪元素中，如下所示：
它适用于大多数浏览器，但不适用于三星 Mini S3 和 Galaxy S4 上的 Chrome
html - @font-face 自定义图标字体代码在 :before 伪类中有效，但在 :after 中无效，为什么？
我从 fontello 生成了一个自定义图标列表，我需要 2 个堆叠 2 个图标（因为我需要两个不同颜色的图标）。
最初，我将它包裹在一个处于相对位置的容器中，两个图标作为它们自己的绝对位置对象 - 但是，当我将它发送给开发人员时，他们要求它在一个对象中，否则他们必须更改角度代码列表，等等等等。
所以我在考虑使用:before 和:after。例如：
但是，我在之前输入的相同代码可以工作，但是当我将伪类更改为 :after 时，它被破坏并在页面上留下一个大矩形。我不明白为什么会这样。
谁能给我一些提示？