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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/css/217233.html

猜你在找的CSS相关文章