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

Question

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

htmlcssgoogle-chromeunicodegoogle-chrome-extension

3

在我的CSS中，我有以下代码（省略了无关代码）：

Original Answer翻译成"最初的回答"

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

通常它看起来像这样：

但是有时候我打开我的浏览器扩展程序，看到的是这个▾:

在开发者工具中我也看到了同样的问题:

为什么会出现这种情况？如何解决？

- Vitaly Zdanevich

1

确保将HTML文件保存为UTF-8编码，并在<head>标签内添加<meta charset="UTF-8">。看起来您的文件没问题，可能是Chrome的一个错误。如果您能找到可靠的操作序列来重现此问题，请考虑在https://crbug.com上报告。 - undefined

2个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- daxim · Answer 1

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

如果它是一个独立的样式表资源，请在响应主体中添加@charset "UTF-8";，并在响应头中添加Content-Type: text/css; charset=UTF-8。

- Emre Bener · Answer 2

老问题了，但如果有人需要帮助的话，我来说一下我是如何在ASP.NET Core 7中解决这个问题的。

var provider = new FileExtensionContentTypeProvider(); // (to specify content type and charset for css responses)
provider.Mappings[".css"] = "text/css; charset=UTF-8";
app.UseStaticFiles(new StaticFileOptions
{
    ContentTypeProvider = provider
});

这将配置静态文件服务中间件，并告诉它在以 .css 扩展名结尾的文件中添加指定的标头。