html - metroUI css将图标显示为控制字符

我正在使用Metro UI CSS，但图标显示为控制字符。
我已经将charset=utf-8“添加到head部分，并将AddDefaultCharset utf-8添加到httpd.conf中。

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

请帮忙提前谢谢。

最佳答案

我也有同样的问题。结果我忘了把字体文件复制到字体目录。
metro-bootstrap.css引用字体：

@font-face {
  font-family: 'iconFont';
  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#iconFont') format('svg');
  font-weight: normal;
  font-style: normal;
}

因此，它们需要放在相对于metro-bootstrap.css的适当目录中。如果下载Metro-UI-CSS-master.zip，可以在fonts目录中找到字体。

关于html - metroUI css将图标显示为控制字符，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18118864/