css – 结合图标如何在材料图标中工作？

使用 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个按钮)

原文地址：https://www.jb51.cc/css/217233.html