今天我注意到我的网站mstem.net上的字体改变了。我不知道为什么这个字体变了。在我的主CSS文件中，我导入了谷歌字体，如:
@import url('https://fonts.googleapis.com/css?family=Oswald:400,900');
@import url('https://fonts.googleapis.com/css?family=Lato:400,900');
我检查了谷歌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上使用的是OSX10.13.6版的谷歌Chrome浏览器。
谢谢你的帮助。
干杯。
CSS来自bootstrap。
在标题中，您有
<link rel='stylesheet' id='my-styles-css' href='https://mstem.net/wp-content/themes/wp-learn-marcelo/css/my-styles.css?ver=1.0' type='text/css' media='all' />
...
...
<link rel='stylesheet' id='bootstrap-css-css' href='https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css?ver=4.1.1' type='text/css' media='all' />
将my-stylesCSS移动到引导程序下面，使其优先。
<link rel='stylesheet' id='bootstrap-css-css' href='https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css?ver=4.1.1' type='text/css' media='all' />
<link rel='stylesheet' id='my-styles-css' href='https://mstem.net/wp-content/themes/wp-learn-marcelo/css/my-styles.css?ver=1.0' type='text/css' media='all' />
我设法解决了那个问题。
我安装了插入页眉和页脚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版本或其他方式，但它已经打破了我的网站。
干杯。
