获取< ref>图像图标

Question

学习网页学习html/css/javascript

当我认为大多数图片都是链接到或加载到本地时，我感到很困惑.似乎在spotify上，他们的搜索按钮正在使用一些我不明白的东西来加载放大镜。

.spoticon-search-32:before {
    content: "\f141";
    font-size: 32px;
}

如果我编辑内容，搜索按钮的图片就会消失，所以我知道它负责图片的内容。但它到底是从哪里装出来的？它也不是.png或.jpg扩展..。

Answer 1

他们正在使用包含这些图标的字体。我不知道他们使用的是哪一种，但下面是另一个例子：

http://astronautweb.co/snippet/font-awesome/

element:before {
    content: "\f000";
    font-family: FontAwesome;

这将加载图标。现在，您只需将css选择器应用于span或i或其他方面。

Answer 2

它是一种叫做图标的东西，它基本上是一种字体，这就是为什么可以指定一个大小来使它更大或更小。我建议您看看字体太棒了，以获得更好的理解。