html - MetroUI CSS 将图标显示为控制字符

Question

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

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

请帮忙。提前致谢。

Answer 1

我也遇到了同样的问题。原来我忘记将字体文件复制到字体目录中。 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 目录中找到字体。