Css 将自定义字体安装到WP中不起作用

Css 将自定义字体安装到WP中不起作用,css,wordpress,fonts,Css,Wordpress,Fonts,所以,我试图在我的网站上使用这种字体,但它不会为任何人显示。我使用@font-face并尝试清除缓存,但仍然无效,以下是css: @font-face { font-family: 'Rubik Mono One'; src: url(https://fonts.gstatic.com/s/rubikmonoone/v9/UqyJK8kPP3hjw6ANTdfRk9YSN983TKU.woff2) format('woff2'); } 我刚刚用3种不同的字体做了3个不同的测试,包括,一切都很好

所以,我试图在我的网站上使用这种字体,但它不会为任何人显示。我使用@font-face并尝试清除缓存,但仍然无效,以下是css:

@font-face {
font-family: 'Rubik Mono One';
src: url(https://fonts.gstatic.com/s/rubikmonoone/v9/UqyJK8kPP3hjw6ANTdfRk9YSN983TKU.woff2) format('woff2');
}

我刚刚用3种不同的字体做了3个不同的测试,包括,一切都很好

  • 要么你把它排得很糟。你没有使用
  • 或者你正在使用某种框架,比如Bootstrap,它优先于你的字体

理解依赖关系和顺序 Wordpress允许您在脚本排队时指定依赖项数组

$deps
(字符串[])(可选)已注册样式表数组处理此样式表取决于。默认值:array()

  • 来源@
您的
css
排队顺序应如下所示:

框架<代码>→谷歌字体
样式表

如果您的样式表排在最后一个队列中,那么您定义的样式将比触发序列更高

正如我提到的,我们还需要添加
,以便Google字体能够真正工作。我们可以通过使用
style\u loader\u tag
wordpress过滤器来实现这一点,它将过滤我们排队的Google字体的HTML链接标签

这是最后的代码。请记住,如果您使用的是框架,则必须为Google字体标记指定依赖项


依赖项在括号
/…之间指定。。。['gfont\u css']
这相当于
数组('gfont\u css')

最后,我们可以将字体应用于
style.css中的元素,并可以添加
!重要的
语句要作为冗余覆盖。如果你使用多种字体,最好不要这样做

正文{
字体系列:'Rubik Mono One',无衬线!重要;
}

也许可以删除上面写着src:src:change to src:?字体系列应该是rubikmonone而不是rubikmonone吗?哎呀,我打错了,对不起。我仍然尝试了一次,但是没有成功。谢谢你,但是我如何添加HTML,我正在使用WP附加css功能,我对此非常陌生,抱歉添加HTML?你是说php函数?将它们添加到
function.php
文件中。