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

【问题标题】：how to edit wp_head() to overwrite the default fontin wordpress?如何编辑 wp_head() 以覆盖默认字体 wordpress？
【发布时间】：2014-02-13 10:37:39
【问题描述】：

我正在使用@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() 并覆盖默认字体？

【问题讨论】：

您要更改页面的哪个部分的字体？您只需要更改导航菜单的字体吗？你在哪里包含 CSS 规则来覆盖默认值？
想要更改整个网站的字体。我将 css 代码（@font-face）放在 header.php 中。正文和其他部分的字体已更改。但只有主菜单字体没有改变。它设置为通过导航部分中的管理面板主题选项设置的默认字体。我想覆盖那个字体。如果我在 header.php 中删除 wp_head() ，它将设置为我的新字体。这就是我想要的。但问题是如果我删除 wp_head() 其他 javscript，jquery 文件也会被删除。（不加载到网站上）。所以我只需要删除 wp_head() 的字体部分，而不是整个 wp_head()。怎么办？

标签： css wordpress fonts font-face

【解决方案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');
}

【讨论】：

字体应用于身体和其他部位。只是不在菜单中应用。 .sf-menu > li > a {

【解决方案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 文件。

【讨论】：

【解决方案3】：

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

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

【讨论】：