wordpress - 我无法让我上传的字体在我的网站标题上工作

Question

我可以很好地更改标题的颜色，但很难更改字体，因此它可以使用所有不同类型的字体(即 .eot、.svg、.tff、.woff 和 .woff2)。

我所有的字体文件都保存在网络服务器上:/httpdocs/wp-content/themes/leeway/css/fofbb

因此我将以下内容放入 style.css 文件中:(\httpdocs\wp-content\themes\leeway\style.css)

#logo .site-title {
    font-family: 'fofbb', Tahoma, Verdana, Arial;
       src: url('../httpdocs/wp-content/themes/leeway/css/fofbb/fofbb_reg-webfont.eot') format("embedded-opentype"), 
         url('../httpdocs/wp-content/themes/leeway/css/fofbb/fofbb_reg-webfont.woff') format("woff"), 
         url('../httpdocs/wp-content/themes/leeway/css/fofbb/fofbb_reg-webfont.ttf') format("truetype"), 
         url('../httpdocs/wp-content/themes/leeway/css/fofbb/fofbb_reg-webfont.svg') format("svg");
    display: inline-block;
    padding: 0.15em 0;
    font-size: 2.7em;
    color: #92f442; }
#logo .site-title a:link,
#logo .site-title a:visited {
    font-family: 'fofbb', Tahoma, Verdana, Arial;
       src: url('../httpdocs/wp-content/themes/leeway/css/fofbb/fofbb_reg-webfont.eot') format("embedded-opentype"), 
         url('../httpdocs/wp-content/themes/leeway/css/fofbb/fofbb_reg-webfont.woff') format("woff"), 
         url('../httpdocs/wp-content/themes/leeway/css/fofbb/fofbb_reg-webfont.ttf') format("truetype"), 
         url('../httpdocs/wp-content/themes/leeway/css/fofbb/fofbb_reg-webfont.svg') format("svg");
    display: inline-block;
    padding: 0.15em 0;
    color: #92f442;}
#logo .site-title a:hover,
#logo .site-title a:active {
    font-family: 'fofbb', Tahoma, Verdana, Arial;
       src: url('../httpdocs/wp-content/themes/leeway/css/fofbb/fofbb_reg-webfont.eot') format("embedded-opentype"), 
         url('../httpdocs/wp-content/themes/leeway/css/fofbb/fofbb_reg-webfont.woff') format("woff"), 
         url('../httpdocs/wp-content/themes/leeway/css/fofbb/fofbb_reg-webfont.ttf') format("truetype"), 
         url('../httpdocs/wp-content/themes/leeway/css/fofbb/fofbb_reg-webfont.svg') format("svg");
    display: inline-block;
    padding: 0.15em 0;
    color: #92f442;
    text-decoration: none;}

我知道我肯定会更改正确的元素，因为当我更改它的颜色时，它就可以更改了。

谁能告诉我我的代码有什么问题以及为什么我的新字体不显示？

干杯，

保罗

Answer 1

尝试将您的字体重命名为 fofbb only。即 fofbb.woff、fofbb.tff 等

它对我有用。