Css 将自定义字体安装到WP中不起作用
所以,我试图在我的网站上使用这种字体,但它不会为任何人显示。我使用@font-face并尝试清除缓存,但仍然无效,以下是css: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 {
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
文件中。