如何编辑wp_head()覆盖默认fontin WordPress的?(how to edit wp

2019-09-27 10:33发布

我使用@字体面更改默认字体。 但导航菜单的字体不改变。 它不是在写的默认字体。 如果我删除了WP-头()它工作正常。 但我需要WP-头()。 只有默认字体必须从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-包括/脚本loader.php。

需要注意的是,这是原始的变化,你可能会破坏你的整个WP,所以要非常谨慎,当改变那里。



文章来源: how to edit wp_head() to overwrite the default fontin wordpress?