html - Unicode 图标 : sometimes looks like a wrong encoding

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 到响应头。