css - 开发工具正确显示 CSS 字体但显示的字体不正确
问题描述
Wordpress 没有在网站标题上显示正确的字体。当我检查时,它显示它应用了正确的字体(橘色),但这实际上并不是页面上显示的字体。
为了让它更有趣,我使用的计算机可以正确显示所有内容,即使在注销、删除 cookie、清除缓存之后也是如此,但我的手机和其他计算机只显示衬线字体,而不是草书谷歌字体 Tangerine。
这是检查显示的内容。
字体实际上是这样显示的:
它应该看起来像这样(这是我将自定义 css 添加到 wordpress 主题 hestia 的计算机上的 chrome 上的外观)。
解决方案
也许忘记将谷歌字体导入您的网站
在 DEV 工具上,它们看起来一样
往下看
span{
font-family: 'Tangerine', cursive;
}
<span>hello word - not import</span>
@import url('https://fonts.googleapis.com/css2?family=Tangerine&display=swap');
span{
font-family: 'Tangerine', cursive;
}
<span>hello word - import</span>
推荐阅读
- dataframe - 在添加新列时填写 pySpark 数据框中的特定行
- mysql - 通过 NodeJS + MySQL 登录时捕获异常错误
- php - 使用while循环获取数据库结果时,如何跳转到第三行并获取数字
- mapbox - 地图框不显示多边形
- ubuntu - 在 ubuntu 18.04 中取消隐藏工作区切换器
- c# - 使用 StreamWriter Async 时出现错误“流当前正在被流上的先前操作使用”
- javascript - ajax 执行后 firefox 将所有表单字段显示为错误
- asp.net - 类似于 Asp.Net Core Razor Pages 中 WebForms 的 LoginView
- c++ - View 如何在幕后更新?
- azure - 如何使用 Httptrigger 函数每 5 分钟调用一次 functionapp?