Question

我一直在寻找，但我仍然找不到答案。 Google Chrome无法识别该字体。这是我的代码的一部分，希望它能帮助你告诉我我错在哪里。

@font-face {
font-family: 'N';
src: url('../fontawesome-webfont.eot'); /* IE9 Compat Modes */
src: url('../fontawesome-webfont.eot?#iefix') format('embedded-opentype'), 
   url('../f.woff') format('woff'), 
   url('../fontawesome-webfont.ttf')  format('truetype'),
   url('../fontawesome-webfont.svg#svgFontName') format('svg');
   }

.btn {
  font-family: 'N';
 display: inline-block;
  padding: 6px 12px;
 etc....

文件位于正确的文件夹中。

Answer 1

将页面的字体文件侧放在同一级别以进行检查映射，并确保路径正确。

如果您使用的是Web服务器（IIS等），则可能需要在配置文件中添加MIME类型：Add MIME mapping in web.config for IIS Express

CSS @ font-face不起作用

1 个答案: