不同厚度的字体

Question

这个css可以为所有普通的Arial设置样式，但是我的项目中有Arial粗体，我该如何为它们应用粗体字体？

 @font-face {
    src:url("fonts/ARIAL.TTF");
    fontFamily: Arial;
    advancedAntiAliasing: true;
 }
 global {
    font-family: Arial;
 }

Answer 1

@font-face {
   src:url("fonts/ARIAL.TTF");
   fontFamily: Arial;
   advancedAntiAliasing: true;
}
@font-face {
   src:url("fonts/ARIALBD.TTF");
   fontFamily: Arial;
   fontWeight: bold;
   advancedAntiAliasing: true;
}
@font-face {
   src:url("fonts/ARIALI.TTF");
   fontFamily: Arial;
   fontStyle: italic;
   advancedAntiAliasing: true;
}
@font-face {
   src:url("fonts/ARIALBI.TTF");
   fontFamily: Arial;
   fontWeight: bold;
   fontStyle: italic;
   advancedAntiAliasing: true;
}
     @font-face {
        src:url("fonts/ariblk.TTF");
        fontFamily: ArialBlack;
        advancedAntiAliasing: true;
     }  

Answer 2

我很确定“粗体”字体与非粗体字体是分开的。因此，如果您想使用 Arial.TFF 加粗某些内容，您还必须包含 Arialdb.tff （或类似的）。

有关 Microsoft Office 附带字体的更多信息，请访问此处。 Arial.tff 的 Arial Bold 配套产品是“Arialbd.ttf”（查看 Office XP 部分）。