<分区>
谁能解释一下页面左上角或底部中央的小 Octopus Logo 是如何实现的，为什么？
我只能看到这个标记:
<span class="mega-icon mega-icon-blacktocat"></span>
和这个 CSS:
.mega-icon-blacktocat:before {
content: "";
}
.mega-icon {
font-family: 'Octicons Regular';
}
我在那里没有看到图片，所以我猜他们正在使用字体。但为什么会有那个奇怪的 字符，为什么它在样式中而不是在 HTML 中？
最佳答案
这是一种称为 CSS 字体的技术，他们使用字体将 文本替换为完整图标，这将在他们创建的字体文件中。
它允许 Logo 根据分辨率随站点无限缩放，并倾向于减少加载时间。他们还可以更改颜色并对其应用其他很酷的 CSS 规则，这与图像不同。
Pictos 和 Picons 之类的东西很相似，因为它们提供了一种字体，您可以在其中使用字母 H 来显示饼图等。
关于html - 为什么github logo 是用HTML 作为字体实现的？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13496839/