刚刚访问了一个大约一个月没有使用的应用程序,发现“Work Sans”字体在 Google Chrome 中无法正常工作。
Chrome 开发者工具控制台中没有错误消息 - 字体似乎没有被应用。
在 Google Chrome 版本 77.0.3865.90(官方版本)(64 位)中查看:
更新 - 在 Chrome 78.0.3904.70 中仍然无法工作
在 Firefox Quantum 69.0.1(64 位)中查看:
超文本标记语言
<head>
<link href="https://fonts.googleapis.com/css?family=Noto+Sans|Roboto+Mono|Work+Sans:400,700&display=swap" rel="stylesheet">
</head>
<p class="testing1">
Chrome Version 77.0.3865.90 (Official Build) (64-bit)
</p>
<p class="testing2">
Chrome Version 77.0.3865.90 (Official Build) (64-bit)
</p>
<p class="testing3">
Chrome Version 77.0.3865.90 (Official Build) (64-bit)
</p>
Run Code Online (Sandbox Code Playgroud)
CSS
.testing1 {
font-family: 'Work Sans', sans-serif;
}
.testing2 {
font-family: 'Roboto Mono', monospace;
}
.testing3 {
font-family: 'Noto Sans', sans-serif;
}
Run Code Online (Sandbox Code Playgroud)
编辑:
如果有人想知道,该@import方法会导致相同的不良行为,即:
@import url('https://fonts.googleapis.com/css?family=Noto+Sans|Roboto+Mono|Work+Sans:400,700&display=swap');
Run Code Online (Sandbox Code Playgroud)
Héc*_*eón -1
我刚刚使用与您相同的 Google Chrome 版本输入,它可以正常工作,并且链接正确
<link href="https://fonts.googleapis.com/css?family=Noto+Sans|Roboto+Mono|Work+Sans:400,700&display=swap" rel="stylesheet">
Run Code Online (Sandbox Code Playgroud)
所以与你的应用程序无关。也许是谷歌字体临时问题。也许你也可以使用 Roboto Mono 作为后备,如果它在使用无衬线字体之前再次损坏
.testing1 { font-family: 'Work Sans', 'Roboto Mono', sans-serif; }
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
7416 次 |
| 最近记录: |