Unicode 图标：有时看起来像是错误的编码答案

【问题标题】：Unicode icons: sometimes looks like a wrong encodingUnicode 图标：有时看起来像是错误的编码
【发布时间】：2019-04-19 21:55:24
【问题描述】：

在我的 CSS 中我有这个（不相关的代码被省略）：

.selector:after {
    content: '▾';
}

通常是这样的：

但有时我打开my browser extension 看到这个â–¾：

在 devtools 中我看到了同样的情况：

为什么会这样？我该如何解决？

【问题讨论】：

确保以 UTF-8 编码保存 html 文件，并在 <head> 中添加 <meta charset="UTF-8">。您的文件似乎很好，因此可能是 Chrome 中的错误。如果您可以找到可靠的操作序列来重现它，请考虑在crbug.com 上报告

【解决方案1】：

https://www.w3.org/International/questions/qa-css-charset

如果是单独的样式表资源，请将@charset "UTF-8"; 添加到响应正文，将Content-Type: text/css; charset=UTF-8 添加到响应标头。

【讨论】：