在本地开发时，在CSS中选择特定的字体样式

Question

当我在本地建设时，我不需要担心网页字体。为了更新实时网站，我需要做的就是将修改后的样式表上传到服务器。

我的计算机上安装了字体Trade Gothic LT Std，并设置了一些类似的元素：

.element {
    font-family: Trade Gothic LT Std;
}

但是我需要将一些元素设置为Trade Gothic LT Std Bold Condensed No. 20。我已经尝试过这样指定：

h1, h2, h3, h4, h5, h6 {
    font-family: "Trade Gothic LT Std Bold Condensed No. 20";
}

但没有运气。所以我也尝试过这样的事情：

h1, h2, h3, h4, h5, h6 {
    font-family: "Trade Gothic LT Std";
    font-weight: bold;
    font-style: "Bold Condensed No. 20";
}

但是我得到的只是标准Trade Gothic LT Std字体。

谁能看到我做错了什么？如果有帮助，这是字体信息

  

PostScript名称TradeGothicLTStd-BdCn20

     

全名Trade Gothic LT Std Bold Condensed No. 20

     

家庭贸易Gothic LT Std

     

Style Bold Condensed No. 20

Answer 1

如果文件不是系统安装的字体，则必须包含文件的来源。

@font-face {
font-family: fontname;
src: url(localfonturl);
}

然后在任何地方使用名称'fontname'。

div {
font-family: fontname;
}

尝试.ttf类型的字体文件，因为它将支持所有主流浏览器。