css - 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。
谢谢您的帮助。
干杯。
解决方案
我设法解决了这个问题。
我安装了插入页眉和页脚 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 版本还是以其他方式添加,但它破坏了我的网站。
推荐阅读
- java - 跨微服务的事务
- ruby-on-rails - @order.save 的未定义方法“item_id”
- android - 在约束布局中的按钮上重叠图像视图
- python-3.x - 如何在google sheet api中使用范围?
- java - 自定义 k3 通过 ehternet 电缆连接到路由器,通过 java 打印收据
- node.js - npm install git+ssh 在 docker (node16) 中失败
- c# - 如何从 lambda 表达式中为 MemberAccessExpressionSyntax 从 SemanticModel 获取 TypeInfo?
- dart - 如何在 Dart 中使用头文件
- bash - 无法通过变量将项目添加到数组:未定义于
, - python - 更加重视 Numpy 权重平均值中的较小值