什么技术用来使CSS内容成为图标?

时间:2018-11-28 03:47:51

标签: css fonts icons

通常我们可以看到CSS编码实践,其中使用伪类(例如之前之后)以及其中的 content 使其最终成为伪类一个图标。例如

.email:before {content: '\e600'; font-family: special-font}

我认为这个问题可能与字体家族如何呈现图标有关。欢迎您对此工作方式有任何想法,或为我指明一些可以做更多研究的方向。

1 个答案:

答案 0 :(得分:0)

也许这会有所帮助?

Icon Fonts: How do they work?

基本上,内容代码映射到字体中的一个点。字体实际上是一个图标。 CSS是一种将图标放置在内容中而无需在html内容中实际指定图标的方法。

此处有完整说明:https://webstandardssherpa.com/reviews/responsive-webfont-icons/?utm_source=buffer&utm_campaign=Buffer&utm_content=buffereac5b&utm_medium=google