Question

我正在使用@ font-face来更改默认字体。但导航菜单字体没有变化。它没有写过默认字体。如果我删除wp-head（）它的工作正常。但我需要wp-head（）。只有默认字体必须从wp_head（）？

中删除

@font-face {
         font-family: leb-webfont;
         src: url(http://www.swaidanews.com/CMS/wp-content/uploads/fonts/leb.ttf);

}
body {font-family:"leb-webfont"!important; color:#333; font-size:16px;}
h1,h2,h3,h4,h5,h6,h7{font-family:"leb-webfont"!important; color:#000;}

也尝试了这个..

.sf-menu > li > a {font-family:"leb-webfont"!important;}

没用。

如何编辑wp_head（）并覆盖默认字体？

Answer 1

尝试将您的字体名称放在" "中，并包含所有类型的字体以便浏览器兼容：

@font-face {
font-family: 'leb-webfont';
src: url('leb-webfont.eot');
src: url('leb-webfont.eot?#iefix') format('embedded-opentype'),
     url('leb-webfont.woff') format('woff'), 
     url('leb-webfont.ttf')  format('truetype'), 
     url('leb-webfont.svg#leb-webfont') format('svg');
}

Answer 2

听起来您的主题是使用wp_head动作挂钩使用主题选项设置CSS规则。您可以尝试清除主题选项面板中的默认字体设置，而是直接将CSS规则添加到主题的style.css文件中。 style.css位于活动主题目录的根目录中。

style.css文件：

body {
font-family:"leb-webfont"!important; 
color:#333; 
font-size:16px;
}
h1,h2,h3,h4,h5,h6,h7{
font-family:"leb-webfont"!important; 
color:#000;
}

如果这不起作用，您可以尝试在style.css文件中为导航元素设置显式覆盖。

示例：

.my-nav{
font-family:"leb-webfont"!important;
}

无论哪种方式，尽量避免将CSS直接插入标头标签。通过WordPress标准，这是不好的做法，不推荐，并有助于避免您现在遇到的问题类型。

“我只需删除wp_head（）”

的字体部分

使用wp_head钩子查找和删除添加css的部分更复杂。

您需要找到使用wp_head（）的操作挂钩，以在页面中插入CSS规则，然后注释掉，或删除代码的那部分。首先要查看的是functions.php文件。

Answer 3

经过一些研究后，我发现wp_head逻辑位于wp-includes / script-loader.php中。

请注意，这是原始更改，您可能会破坏整个WP，因此在更改时要非常谨慎。

如何编辑wp_head（）来覆盖默认的fontin wordpress？

3 个答案: