问题标签 [google-webfonts]

问问题

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

399 问题

0 投票

2 回答

4965 浏览

javascript - Chrome 和 Google 网络字体有问题。显示来自 Firefox 的不同输出

我正在为我的页面使用谷歌网络字体，但我在 Chrome 中得到了与 Firefox 不同的结果。Firefox 的结果是正确的，我不知道 Chrome 为什么会出现这个问题。

代码很简单

或者您可以在http://jsfiddle.net/KSVTA/或http://fiddle.jshell.net/KSVTA/show/中看到Chrome 不使用 Open Sans Condensed。

为什么会这样，我该如何解决？

0 投票

2 回答

1618 浏览

fonts - 如何避免 Google Web-Fonts 的不确定性

我正在使用 Google Web Fonts 中的 Comfortaa 字体构建一个网站。我在 OSX 上本地开发了该站点，一切看起来都很好。当我开始在网上发布该网站时，我发现它在朋友的 Windows XP 计算机上看起来很糟糕。搜索SO似乎网络字体渲染的可靠性非常不确定，尤其是在Windows上。

我的问题是，你如何克服这种不确定性？为了确定，我必须明确测试所有操作系统吗？还是我应该避免使用某些网络字体？是否有某种我可以寻找的负面特征，因此我可以拒绝字体而无需对各种操作系统版本进行耗时的测试？

fonts webfonts google-webfonts

0 投票

1 回答

797 浏览

google-webfonts - Google 网络字体（FF 和 IE 问题）

我对 Google 网络字体有疑问。

HTML：

这适用于 Chrome、Safari 和 Opera，但不适用于 FF 和 IE。有什么意见吗？

google-webfonts

0 投票

1 回答

949 浏览

fonts - @font-face：只使用一种字体权重不同的字体系列？

我在我正在开发的网站上使用“Open Sans”字体。现在我正在使用 Google Web Fonts 来加载它，但是当它随机开始使用粗体 700 版本而不是普通的 400 时，我意识到这不是最可靠的方式（您可以在http://www.google 自行检查。 com/webfonts/specimen/Open+Sans）。无论如何，我想更改为@font-face 并自己托管字体，但是有些东西我不明白。使用 Google Web Fonts，我可以对所有不同的权重使用相同的字体系列，所以我对 body 元素有这个规则：

font-family:'Open Sans', sans-serif;

以及特定元素上的不同字体粗细，具体取决于它是否需要变亮、正常或粗体。但是对于由 Font Squirrel 生成的@font-faces，您似乎必须为每个不同的权重指定不同的字体系列，例如“OpenSansLight”、“OpenSansRegular”等。这是为什么呢？有没有办法改变它，所以我不必改变我的整个 CSS？

谢谢你。

fonts font-face font-family google-webfonts

0 投票

2 回答

2365 浏览

html - 当网络字体加载缓慢时恢复为无样式文本？

我正在使用 Google 网络字体，如下所示：

在 Chrome 中工作时，没有“无样式文本的闪烁”（如本Typekit 博客文章中所述）。相反，在网络字体下载完成之前，文本根本不会加载。

通过快速连接，这很棒，因为字体异步加载并且非常快。但是，在连接速度较慢的情况下，页面在几秒钟内看起来像是空的，直到加载了 Web 字体——可用性很差。

有没有一种聪明的方法可以先在格鲁吉亚显示文本，然后在资源加载后添加 Vollkorn 字体？

我想我要说的是我实际上很喜欢“无样式文本的闪烁”，而不是空白页，并且想强制执行这种行为。

html css fonts webfonts google-webfonts

0 投票

4 回答

3317 浏览

performance - 如果我使用多种字体，是否可以将 Google Web Fonts 减少为一个请求？

我在我的网站上进行了速度测试，其中一个建议是减少我的外部请求。我正在使用 3 个 Google Web 字体，实际上是 3 个单独的请求。是否可以将这些组合成 1 个请求？

performance fonts httpwebrequest webfonts google-webfonts

0 投票

2 回答

6902 浏览

fonts - 有没有办法在 SVG 文件中嵌入 Google Web Font 脚本？

我是 SVG 的新手，刚刚在 Illustrator 中制作了我的第一个像样的图形。我已经将它嵌入到一个页面中（使用<embed>标签），标签中带有 Ubuntu 字体的 Google Web Fonts 脚本<head>，但事实证明，Ubuntu 字体在常规文本中正确显示，但是这个技巧在SVG，Google 脚本必须嵌入到 SVG 本身中。如何才能做到这一点？

这是相关 SVG 文件的链接。

fonts cross-browser svg google-webfonts

0 投票

1 回答

398 浏览