如何编辑wp_head()以覆盖wordpress中的默认字体？

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直接插入到header标签中。根据WordPress标准，这是不好的做法，不推荐使用，并且有助于避免您现在遇到的问题类型。

“我只需要删除wp_head()的字体部分”

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

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

Answer 3

经过一些研究，我发现脚本逻辑在wp- wp_head /script-loader.php中。

请注意，这是原始更改，您可能会破坏整个可湿性粉剂，因此在更改时要非常小心。