将 charset:utf-8 添加到 @font-face css 不起作用答案

【问题标题】：Adding chartset:utf-8 to @font-face class doesn't work将 charset:utf-8 添加到 @font-face css 不起作用
【发布时间】：2017-08-10 08:42:36
【问题描述】：

我在@font-face 类中设置了charset:utf-8 属性。但它不起作用。

当我设置元数据标签时，它工作正常。

如何让这种方式也能正常工作？

我的 CSS 部分：

@font-face {
  font-family: 'font-icon';
  src:url('fonts/iconfont.eot');
  src:url('fonts/iconfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/iconfont.woff') format('woff'),
    url('fonts/iconfont.ttf') format('truetype'),
    url('fonts/iconfont.svg#font-icon') format('svg');
  font-weight: normal;
  font-style: normal;
  charset:utf-8;
}

【问题讨论】：

标签： css utf-8 metadata meta

【解决方案1】：

在 CSS 中，您只需将行 @charset "utf-8"; 放在工作表顶部，告诉浏览器文件的内容是 UTF-8 格式。您可以在 HTML 中执行相同的操作，在文档的 <head> 处设置元字符集标记 <meta charset="utf-8">。现在，如果您正在加载的字体支持 UTF-8 字符，则无需执行任何操作。您可以在节点中完全省略此属性。

【讨论】：

@charset "utf-8";工作正常。但我需要设置字体类
您可以设置@font-face 类而不设置charset 属性。为什么你需要它？我从未见过它在那里宣布。