问题标签 [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.
ruby-on-rails - zurb 基础图标字体与 ruby on rails
我正在尝试让 zurb 基础图标字体在我的 rails 项目中工作，尽管它们似乎无法正常工作
general_foundicons.css.sass
我有这些文件，app/assets/fonts虽然字体似乎没有被加载
javascript - 单击它时更改图标字体
这是我的html：
当我点击 span 标签时，我希望 data-icon 会改变：data-icon="🔓
但是，虽然“数据图标”更改正确，但屏幕显示的是字符串🔓而不是图标。
html - 使用有什么缺点吗
我的问题的原因是我想使用图标字体中的搜索图标，我想不出一个很好的方法来处理输入。我知道 IE6 和 7 可能有一些按钮怪癖，但如果我不支持这些，那么仅使用<button>标签有什么缺点吗？
使用<button>标签，我可以在标签内使用所需的 html。
html - Firefox 的行高问题
我在尝试使搜索按钮在 Firefox 上看起来不错时遇到问题。这是一个由标志性字体、白色背景和边框半径组成的输入提交，如下所示：
它必须看起来像这样（chrome 和 IE 完美呈现我的代码）：http: //img341.imageshack.us/img341/6590/kogy.png
但是当我在 firefox 上使用相同的代码时，我得到的是：http: //img17.imageshack.us/img17/953/jms4.jpg
我在两个浏览器上查看了 dom 检查器，当我查看“计算值”时，它不会在 chrome（行高：60px）和 firefox（行高：67px）上呈现相同的东西。
从现在开始我尝试的一切都失败了：/我希望你们能对我有所帮助:)
谢谢 ！
unicode - «email»、«save»、«print» 的 Unicode 字符
我想为我的图标字体做一个后备。例如，对于我漂亮的图标字体复选标记，我使用 Unicode 复选标记等效项：
我的图标字体也有代码“\2713”的字符。如果我的图标字体无法加载，用户将看到 Unicode 复选标记；如果图标字体加载成功，用户将看到图标字体漂亮的复选标记。
我正在寻找“电子邮件”、“保存”和“打印”实体的 Unicode 字符等效项。Unicode 表中是否有任何或类似的？我在http://www.fileformat.info/上搜索过，但没有运气。
（我只发现了一个«电子邮件»字符 - http://www.fileformat.info/info/unicode/char/1f4e7/browsertest.htm，但它在 Chrome 28 中不起作用（但它在所有其他浏览器中都适用： ）。
css - @font-face works 在客户端的服务器上不起作用
我在客户端站点上使用@font-face 图标，并且在我们的开发服务器上一切正常。然而，在我们的客户端主机上，它们在 Chrome、Firefox 和 Safari 中呈现为空字符。
- 我尝试将字体文件夹和文件本身的权限更改为 777
- Chrome 开发者工具显示下载的字体文件为 200 状态
- 我们的开发服务器在 Chrome 中生成此警告，“资源解释为字体但使用 MIME 类型应用程序/八位字节流传输”。在客户端的服务器上，我们得到“资源解释为字体但使用 MIME 类型文本/html 传输”。我更新了 .htaccess 文件，但它仍然有相同的警告。
CSS：
.htaccess 在 /wp/
我猜这是服务器问题，但除了 ftp 信息之外，我对他们的服务器了解不多，但如果需要，我可能会获得更多访问权限。我还包括了 .htaccess 文件的 wordpress 位，因为我不确定这是否会影响我添加的规则。
有任何想法吗？在使用@font-face 之前我从来没有遇到过问题。
编辑——解决了！
我们设法解决了这个问题。原来是 Wordpress 插件Memberpress阻止了该文件。
我在 .htaccess 文件的这一行中添加了字体文件扩展名：
xml - 当 Thymeleaf 转义 & 符号以进行 XML 验证时，如何将图标字体与 HTML 实体一起使用？
我正在尝试在 Spring Thymeleaf 应用程序中使用 Icomoon 网络图标字体。推荐的方法是在 HTML 标记中设置 data-icon 属性。然后，给定的 css 使用选择器 [data-icon]:before 将字体系列设置为 icomoon，并将内容设置为 data-icon 属性的值。
这些图标是 HTML 实体代码的引用（例如 ）。
我想你已经发现了我的问题，Thymeleaf 模板是 XHTML 文档。所以我们遇到了与符号有关的问题。它在模板渲染到 & 时被转义。图标无法以这种方式呈现...
我怎样才能防止 Thymeleaf 逃脱它？
css - 自定义图标字体在不同浏览器中呈现不同的问题
自定义图标字体有问题。它在 Safari 和 Chrome 之间呈现不同。它在 Safari 中似乎低 1-2 个像素。我可以以某种方式让它在两个浏览器中呈现相同的内容吗？
通过从 Sketch 导出 16 x 16 px SVG 创建图标字体，然后将它们导入 IcoMoon 并将优化指标设置为 16 自动。
IconMoon 上的网格
铬 OS X
Safari OS X
现场示例：http: //jsfiddle.net/QQ7mV/
HTML：
CSS：
html - IcoMoon 字体加倍
我认为当我使用 Icomoon 字体时，它们会翻倍是不正常的。
所以在我的例子中，会并排显示两个相同的图标，而我只为一个编码。如果我应用颜色等 CSS 属性，两个图标的反应相同。
如何删除其中一个图标，以免它们加倍？
css - 如何使用图标字体在列表元素的第二行缩进文本
我对列表样式元素使用图标字体：
但是当文本中断到第二行时，我没有文本缩进。
谁能告诉我，我怎样才能使第二行和以下行缩进？