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

Question

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

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

通常看起来像这样：

但是有时我打开my browser extension并看到此â–¾：

在devtools中，我看到了相同的内容

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

Answer 1

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

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