问题标签 [google-fonts]

我有一个模板，它引用了这样的 Google 字体：

如何下载它并将其设置为在我一直离线运行的页面中使用？

我试图在 jsFiddle 中包含谷歌字体但没有成功。我将 URL 添加到“外部资源”，但它包含为<script>.

这是我要包括的字体：

我的 google 字体在我的实时网站上显示良好，但在本地主机上的生产中，它们的显示方式不同。更四四方方/标准，但与标准字体不同。

它们在本地主机上的显示方式：

它们在实时服务器上的显示方式（这是我想要的）：

这是我的CSS：

我正在使用gulpand browser-sync，但是直接从浏览器打开 html 文件有同样的问题

我有一个逗号分隔的字体列表，如下所示：

我需要一个 SED 表达式或类似的表达式，将 + 转换为破折号并将所有大写字母小写。

更新

只是想说感谢所有的帮助，如果有人需要谷歌字体作为 CSS 变量/属性，它们都可以在这里找到（MIT 许可证）： https ://github.com/superfly-css/superfly-css-variables -fonts/blob/master/src/main/css/index.css

我还将在这里提供使用谷歌字体的实用程序： https ://github.com/superfly-css/superfly-css-utilities-fonts

我正在为每种谷歌字体寻找一个后备字体系列。上下文是我创建了一个包含所有 google 字体的 CSS 实用程序模块。字体实用程序的生成大致如下：

我还想为每种字体包括一个自定义后备系列。有谁知道是否有办法获得一个字体系列，它是每种字体的良好浏览器后备方案？以下大约是我想做的事情：

我有一个网站（内置核心 PHP），其中包含从 Google 字体导入的 3 种不同字体。当我尝试在 GTMatrix 上检查网站速度时，它向我显示一个错误，例如“您网站的某些 CSS 文件未缩小！”

根据通过 PingDom 或 GTMatrix 上的 CSS 缩小测试，必须修复所有缩小问题才能获得高排名。我尝试了许多解决方案，例如 GZip 压缩和.htaccess文件中的一些调整。但谷歌字体仍然存在缩小问题。

如果有其他方法可以解决此问题？

先感谢您。

我正在制作一个可供各种不同用户使用的 React 应用程序。每个用户都可以设置他们希望应用程序呈现的 google 字体，并将font-family作为应用程序初始加载时进行的设置调用的一部分返回。此字体名称存储在 Redux 存储中。

我想做的是根据font-family用户设置的内容从 Google 请求正确的字体文件，然后为该特定字体注入应用程序的 css：

我进行了相当多的搜索，尽管这似乎是一个相当普遍的情况，但我找不到任何关于我想要实现的目标。

我遇到了webfontloader，这似乎是朝着获取字体文件的正确方向迈出的一步。

我使用的是谷歌字体：Baloo Bhaina，尽管将边距和填充设置为零，但它似乎仍然是双倍高度。

如您所见，突出显示字体显示了我无法摆脱的额外空间。有人遇到过这个吗？谷歌字体通常很棒。

附加到此字体的类：

我的测试场景：几个 div 应该有相同的宽度。重新加载页面并加载谷歌字体时，这在 OS X、Safari 版本 10.1 (11603.1.30.0.34) 上不起作用 。

宽度被打破。

单击链接一切正常。

请看一看：

https://host26.ssl-net.net/f-fuerst_at/same_width_no_font.html

我有什么方法可以从 CDN使用Google 的彩色表情符号字体？我试图在 jsfiddle 中使用它，但不知道如何。