字体未加载

Question

我在我的网站上使用了一些服装字体，但是我遇到了一个问题，因为它没有被加载，因此我无法找出问题所在，这是代码：

@font-face { 
    font-family: OuachitaWayWbw; 
    src: url('fonts/Ouachita Way Wbw.ttf') format("truetype") ; 
    font-family: 'ChromeYellowNF'; 
    src: url('fonts/Chrome Yellow NF.ttf');
}

#name { 
    font-size:26px; 
    font-family: 'OuachitaWayWbw'; 
    padding-top:30px; 
    color:#000000; 
    margin-bottom:20px; 
}

该ChromeYellowNF作品的。我也试图让每个人都不同，Font-face但没有奏效。

Answer 1

每个字体必须有一个@ font-face声明：

@font-face { 
  font-family: OuachitaWayWbw; 
  src: url('fonts/Ouachita Way Wbw.ttf') format("truetype") ; 
}
@font-face { 
  font-family: ChromeYellowNF; 
  src: url('fonts/Chrome Yellow NF.ttf');
}

不需要单引号。

如果要为IE9使用自定义字体，则还需要提供“.eot”字体文件。

编辑：好的，不同的浏览器有不同的字体实现方式：

@font-face {
   font-family: OuachitaWayWbw; 
   src: url('fonts/Ouachita Way Wbw.ttf') format("truetype"),
        url('fonts/Ouachita Way Wbw.woff') format("woff");
   src: url('fonts/Ouachita Way Wbw.eot');
}

您可能还需要将以下类型添加到.htaccess / IIS：

AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf
AddType application/x-font-woff .woff

取自此处：Chrome中字体类型错误的MIME类型