html - CSS Web字体如何使用@font-face它不起作用

Question

这是我的网络字体样式表

@font-face {
font-family: 'bebas_neueregular';
src: url('bebasneue-webfont.eot');
src: url('bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
     url('bebasneue-webfont.woff') format('woff'),
     url('bebasneue-webfont.ttf') format('truetype'),
     url('bebasneue-webfont.svg#bebas_neueregular') format('svg');
font-weight: normal;
font-style: normal;

}

我用这样的字体

.men_tp{
        color: #d1d3d5; 
        float: left; 
        font-family:"bebas_neueregular",Arial; 
        font-size:22px;
         }

它在我的机器上工作正常，因为我有这些字体，但即使我将那些字体 src 放在同一个区域，我也放置了那个 CSS 文件。帮帮我，伙计们。

Answer 1

尝试将您的 CSS 行更改为以下内容：

.men_tp {
    color: #d1d3d5;
    float: left;
    font-family: bebas_neueregular, Arial;
    font-size:22px;
}

（插入换行符只是为了便于在此页面上阅读。）

您已在 @font-face 块中将新字体声明为具有名称“bebas-neueregular”，因此您需要在样式的 CSS 声明中使用它.men_tp。