使用
Material Icons,可以按如下方式添加
plus icon:
<i class="material-icons">add</i>
文本添加不再可见.为什么会发生这种情况?加号图标来自何处?我知道它是在字体文件中定义的,但是怎么样?
如果是由于单词add与字体文件中的加号图标相关联,那么为什么Bootstrap中的以下工作与Glyphicons无关?
<span style="font-family: 'Glyphicons Halflings'">\20ac</span>
解决方法
说明
当您删除所有技术信息时,答案非常简单,字体文件包含几个表格,其中包括:
> [MANDATORY]字符列表
> [MANDATORY]这些字符的十六进制代码
> [可选]这些字符的一个或多个别名/替代名称
一个或多个别名/替代名称是您引用的“连字”并驻留在字体文件中.
基本上,当使用带有连字的字体文件中的字符/图标时,我们可以选择使用
>’常规’十六进制代码:< i class =“some-font-with-ligatures”>& #xxxx;< / i>
>或替代/别名/连字名称:< i class =“some-font-with-ligatures”> ligature-name或别名< / i>
这可能是网页设计师知道的所有重要信息.
EXTRAS
转到CSS-Tricks: How do ligature icons work…以查看用法示例和简要说明.
如果你想搞乱你自己的图标字体文件,我建议你开始使用IcoMoon APP:
>启动APP,选择一个图标并选择“生成字体”(右下角)>使用’show ligatures’按钮启用连字显示(左上第3个按钮)