font-family Work Sans 无法在 Google Chrome 中工作

use*_*287 6 google-fonts

刚刚访问了一个大约一个月没有使用的应用程序,发现“Work Sans”字体在 Google Chrome 中无法正常工作。

Chrome 开发者工具控制台中没有错误消息 - 字体似乎没有被应用。

jsFiddle演示链接

在 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)