Css 连字图标如何在材质图标中工作？

使用，可以按如下方式添加：

<i class="material-icons">add</i>  

---

材质图标。可以在字体中定义字符组合的特殊标志符号。英语中的一个例子是字形æ，它是a和e的组合。这被称为一个。其他示例包括ff、ft和tt的特殊渲染。这两个图示符被绘制为单个连接的图示符：f，而不是先绘制一个f，然后再绘制另一个f f对ff。该装置的设计者所做的是（ab）使用该系统使其易于使用图标

让我们往后退一步。您会注意到，在使用add图标时，可以通过直接使用字体中映射到正确图标的字符代码来包含它

<i class="material-icons">&#xE145;</i>

解释 当您删除所有技术信息时，答案非常简单，字体文件包含了几个表格，其中包括：

• [必选]字符列表
• [必选]这些字符的十六进制代码
• [可选]这些字符的一个或多个别名/备选名称

一个或多个别名/备选名称是您正在引用并驻留在字体文件中的“连字”

本质上，当使用带有连字的字体文件中的字符/图标时，我们可以选择使用

• “常规”十六进制代码：

  和#xxxx

• 或者可选的/alias/ligature名称：

  ligature名称或别名

这可能是网页设计师需要知道的所有重要信息

---

额外费用 转到查看用法示例和简要说明

如果您想处理自己的图标字体文件，我建议您开始使用：

• 启动应用程序，选择图标并选择“生成字体”（右下角）
• 使用“显示连字”按钮（左上角第三个按钮）启用连字显示

---

也可以考虑使用结扎作为可点击的背景：

---

你引用了连字，好像它们是OP“想出”的“奇怪”的东西。我被它困扰得比我可能应该的还要多。连字是字体设计历史的一部分，远远早于图标字体。它们现在被滥用，使得通过某种别名使用图标成为可能，但最初根本不是这样打算的。再加上缺乏解释/背景，

class=“font-family”

以及使用太多黑体字，我对你的答案投了反对票。如果/当您编辑并希望我重新评估我的投票时，请通知我。我猜您错过了我回答中的最后一行，即“网页设计师的重要信息”。我想你必须同意，你对一个问题给出了一个诚实的，但又是个人的观点，一个无偏见的，简化的技术答案，stackoverflow到底是为了什么。字体开发者网站（或维基百科）提供了更深入的技术见解和历史。（我可以补充一句，海报没有要求这样做）。虽然我理解你的情绪，但不要把事情看得太私人。关于否决票。这完全取决于你。因为就我记忆所及，我从来不会对任何人的答案投反对票（可能会在这里或那里标记出冒犯性的评论）。我们都是志愿者，利用业余时间回答（紧迫的）其他人的问题。这本身就是不否决任何人的理由。（不，我也没有否决你的答案。）（1）我不认为我给出了个人观点，我试图准确地解释我的推理是什么。我建议添加一些背景，去掉连字周围的引号。可能会添加一两个链接。你会得到我的支持：-）（2）不仅仅是网页设计师使用堆栈溢出。（3） 简化的答案可能会有所帮助，但不是堆栈溢出的目的。无论如何，正如我所说的，我认为如果你链接到“更深入的技术洞察力”资源，你的答案会更好。（4） 我很想让这件事不涉及个人，从没想过你会贬低我。我正在仔细考虑我的回答。干杯当你在评论中使用“我想”时，那是针对个人的。但我不会在这篇文章中讨论这个或任何其他答案，stackoverflow有一个完全不同的角落。这真的不是个合适的地方。

<i class="material-icons">&#xE145;</i>