问题标签 [google-fonts]

我正在尝试使用以下代码段从谷歌字体加载字体

它加载以下css

问题是它返回woff2字体格式。有没有办法加载woff或ttf格式而不是woff2？因为 woff2 在旧版浏览器中无法正确呈现。

我遇到了奇怪的问题。我附上了字母间距问题的屏幕截图。最初我注意到字母 Fi 没有正确渲染。所以我尝试添加字母间距，但这两个字母不想彼此分开。我从未注意到这种行为。

在屏幕截图中，我使用的是 Lato 字体，但我注意到 Open Sans 的行为相同。我尝试正确渲染的其他随机字体。该问题仅发生在 Chrome 和 Firefox 中，而 IE 正确呈现字体。

任何猜测可能导致它以及如何修复它？任何建议都会很棒。谢谢。

我想为我的离线 Web 开发项目离线托管 Material Icons（我不会在部署的计算机上连接互联网）。从我的谷歌搜索中，我找到了这个 SO answer。但它不适合我。我的问题是如何使它工作。如何为我的离线项目离线托管材料设计图标？

我在此处附上了我的 SSCCE 项目的 .zip 文件，该文件重现了该问题。

基本上我从这里下载了MaterialIcons-Regular.eot,MaterialIcons-Regular.ttf和MaterialIcons-Regular.woff并将MaterialIcons-Regular.woff2它们放在我的项目目录中。

这是我的索引文件：

这是CSS文件。

我正在尝试让非常优秀的NodeJS PDFKit使用来自Google Fonts的自定义字体 OpenSans 和 Roboto 。我的代码如下所示：

我已经打印了路径 - 它正在寻找正确的文件。我收到以下错误：

当我删除 Roboto 字体并尝试使用 OpenSans 字体时，它至少可以工作，但一切看起来都很糟糕。字母在流血，看起来几乎被弄脏了。

我已经从 fonts.google.com 下载了字体，方法是单击“选择此字体”，单击出现的“已选择 1 个家庭”弹出窗口，然后单击该弹出窗口右上角的下载图标。

为什么这些字体不起作用？

看看这个截图：

屏幕截图 - 浏览器视图和 Firebug/CSS

左侧是最少的 CSS。右边是我所有的 CSS。

当我更改 firebug 中的某些设置或调整浏览器窗口大小时，文本会正确显示。

我已经在其他 2 台 PC 上对其进行了测试，所有其他浏览器都运行良好，Edge 控制台没有显示任何错误。

注意：font-family:f1 只是我的谷歌字体的简称。

任何人都可以帮助我理解为什么我在 Firefox 中有这个问题？谢谢。

如果我运行下面的代码，Josefine Sans 字体粗细 400 看起来比粗细 600 粗。谁能解释为什么会这样？

所以我正在为我目前正在工作的法国客户和网站做一个网站，我正在使用来自 Google Fonts 的字体，称为Comfortaa.. 该网站是法语，因此使用带有重音符号的字母，例如é à和è

但是，虽然这些字母在我的设备上正确显示，但在 Chrome、Safari 等上像这样->

在我的客户端设备上，它在 Safari 上错误地显示带有重音符号的字母，就像这样..->

您知道这是什么原因以及我该如何解决？

我正在导入这样的字体：

HTML

切换到免费的 SSL WebHosting（000webhost），现在谷歌字体没有渲染，搜索并尝试了很多东西，重绘文本的 CSS 代码不起作用，JS 也不起作用，我尝试将字体 URL 与 https 链接：和没有协议 (//)，什么都不会发生。

它仅在 Chrome 中发生，在 Opera 和 Firefox 中呈现正常。

奇怪的事实：当我用 F12 打开控制台并按 CTRL + F5 时，谷歌字体呈现正常，但只有当我打开控制台并重新加载时，当我正常进入站点时它不会呈现。如此疯狂。

这是控制台向我抛出的内容：

我在我的 html 中使用了这个 svg：

请注意，我可能有大约 100 个这样的 svg，从设计师那里收到它们，并且不断变化，我收到新的并且必须更换旧的

现在的问题：

FiraSans-Medium该名称不存在字体系列/名称。

因此，图标呈现错误的字体。

可能正确的字体是 Fira Sans，重量为 500。

我包括这样的字体：

现在有没有一种简单的方法来重新映射字体，这样我就不必手动编辑数百个 svg 文件并且每次都更改？

我正在尝试解决一个令人讨厌的字体问题。特定的 Googles Roboto 字体。

问题是，在我的测试中（OSX Sierra 10.12.6 上的 Chrome 62.0.3202.62），字体在深色背景上似乎更强（胖），而在谷歌深色字体版（https://fonts.google.com ）上表现不错/specimen/Roboto?selection.family=Roboto:300,500,700 - 选择深色背景）。

我出现的截图：

vs 谷歌出现（它的光）

我开始相信我的渲染有问题，但在几台不同设置的机器上尝试后，一切都一样。

有谁知道如何解决这个问题？或者解释为什么它在谷歌和我的测试之间不同。

测试网址： https ://jsfiddle.net/fb3umv2e/

最好的问候理查德