html - 我如何在 css :before { content: }? 中使用这个 UTF 8 形状

Question

我在这里查看一些形状:https://www.w3schools.com/charsets/ref_utf_geometric.asp

例如，如果我想使用这个:

◹ 9721 25F9 右上三 Angular 形，我该怎么做？

我是只复制图标并将其放入 css 文件，还是使用十六进制/十进制代码？

谢谢

Answer 1

您可以简单地转义 unicode 值，这样您就不必将文件保存为 UTF-8 格式。记得包括 <meta charset="utf-8">在您的 HTML 文件的 head . meta标签会让用户的浏览器知道我们正在使用 UTF-8。您还可以将实际字符 ( ◹ ) 作为 content值，但是您需要确保以 UTF-8 格式保存文件，并包括 meta在您的 HTML 中标记 head部分。

span::before {
 content:'\25F9';
}

<span>Test</span>