如何仅使用 css 显示简单图标答案

【问题标题】：How show simple icons with only css如何仅使用 css 显示简单图标
【发布时间】：2018-08-14 19:13:52
【问题描述】：

是否可以在不依赖特定字体的情况下渲染图标（网络安全，如果它们存在）以在页面上显示图标？

例如，如果你有 fontawesome 字体，这将呈现一个图标

a:before {
    font-family: FontAwesome;
    content: "\f095";
}

所以，我的问题是，是否有一种网络安全的字体类型可以替换 \f095 代码？

【问题讨论】：

【解决方案1】：

您可以尝试使用 Unicode 图标作为替代。只需要找出您的特定图标的 HTML 代码。这是电话图标的示例：

&lt;p&gt;&amp;#9743;&lt;/p&gt;

这里是一个网站的链接，它显示了每个 Unicode 图标的 HTML 代码：

【讨论】：

【解决方案2】：

如果您可以获得所需的 SVG，您可以使用 https://icomoon.io/app/、http://fontastic.me/ 或 http://fontello.com/ 等创建自己的网络安全图标字体。请务必使用私人使用区 (PUA) 代码作为导出字体时的图标。

【讨论】：