【发布时间】:2019-09-08 02:08:32
【问题描述】:
我正在构建一个网络应用程序并使用 Google 字体作为我的两种主要字体。两种字体都运行良好,然后随机一种开始不显示。我尝试清除我的缓存并恢复几个 git 提交,看看我是否无意中提交了一些搞砸的东西。这些解决方案都不起作用。
我的 CSS 链接是:
<link href="https://fonts.googleapis.com/css?family=Pacifico|Roboto+Condensed:400,700" rel="stylesheet">
Pacifico 是失败的字体。我能够访问该 URL 和生成的 CSS 指向的 URL:https://fonts.gstatic.com/s/pacifico/v13/FwZY7-Qmy14u9lezJ-6I6MmTpA.woff2,它开始下载字体。但是,在 Firefox 的网络监视器上,Pacifico URL 没有任何活动,只有 Roboto-Condensed URL。
【问题讨论】:
-
控制台有错误吗?
-
@I'mOnlyVueman 控制台中没有报告错误。
-
您可以尝试使用 css 导入而不是 html cdn,只需单击字体网站上的导入选项,它就会显示用于导入的 css 语法。如果这不起作用,也许为 pacifico 和其他字体单独导入
-
您尝试过其他现代浏览器吗?
-
请记住,如果页面上确实有使用该字体的元素,您可能只会看到加载到网络中的字体;检查未呈现预期字体的元素,并仔细检查 CSS 是否将正确的字体系列规则应用于它们
标签: javascript css google-font-api