首页 > 解决方案 > wordpress字体突然变了,不知道为什么

问题描述

今天我注意到我网站mstem.net上的字体发生了变化。我不知道为什么这个字体变了。在我的主 CSS 文件中,我导入了 Google 字体,例如:

@import url('https://fonts.googleapis.com/css?family=Oswald:400,900');
@import url('https://fonts.googleapis.com/css?family=Lato:400,900');

我从 Google Chrome 控制台检查了 CSS 代码,发现添加了如下 CSS 规则:

font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";

我不知道这行代码是从哪里来的。当我取消选中它时,字体恢复正常。

你能写信告诉我如何永久禁用这个 CSS 规则吗?

我必须补充一点,我在 Macbook 上使用 Google Chrome 浏览器和 OSX 10.13.6。

谢谢您的帮助。

干杯。

标签: csswordpressmacosgoogle-chromefonts

解决方案


我设法解决了这个问题。

我安装了插入页眉和页脚 WordPress 插件并将此 Google 字体代码粘贴到页眉部分:

<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;900&family=Oswald:wght@400;700&display=swap" rel="stylesheet">

我查找了一个问题所在的文件,发现问题出在 normilze.css 文件上。我不知道它是自动添加最新的 WP 版本还是以其他方式添加,但它破坏了我的网站。


推荐阅读