在js样式里面,我们已经了解到了一些基本用法。
我们之前使用i标签,让他们帮我们创建svg,但其实我们可以自己直接使用svg。
<!DOCTYPE html>
<html lang="en">
<head><title>测试书的图标</title></head>
<body>
<svg><use xlink:href="fontawesome-free-5.6.3-web/sprites/brands.svg#facebook"></use></svg>
<!-- 我将压缩包解压到这个html同目录下,命名为fontawesome-free-5.6.3-web。大家可以按需更改 -->
</body>
</html>
这样我们不用引用任何东西就可以直接使用。
参考:
https://fontawesome.com/how-to-use/on-the-web/advanced/svg-sprites