问题标签 [google-font-api]

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.

0 投票
2 回答
547 浏览

css - 谷歌字体没有出现在 IE8 中

显然字体“Arvo”应该在 IE 中正常工作,但我无法让它显示出来。这是我的CSS:

在http://www.johnshammas.com/new上的所有其他浏览器中都可以正常工作。有任何想法吗?

0 投票
0 回答
206 浏览

javascript - 使用 Google Font Loader 指定字体变体(即粗体、斜体)的正确格式是什么?

我正在使用 Google Font Loader 加载几个 Google Web 字体。

我注意到,在指定字体以加载以数字形式指定重量的建议格式时,它不起作用。我知道粗体变体的字体加载不起作用,因为 Google 字体加载器插入了wf-istokweb-n7-inactive

不工作:

作品:

看看现场演示。(注意:jsfiddle 位于 iframe 中,因此您必须深入研究 iframe 的标签才能查看添加的类。)

那么以数字方式指定字体粗细不是正确的方法吗?还是这种特殊字体的异常?

0 投票
1 回答
943 浏览

webfonts - 在返回 Google Font API 的请求之前,页面不会显示字体

每次刷新页面时,我都必须等待一堆请求返回,然后才能真正看到字体出现。字体缓存,所有这些请求都返回“未修改”标头。在确定字体没有被修改之前不显示字体是正确的浏览器行为吗?我错过了什么吗?

我知道在加载正确的字体之前我可以使用通用后备字体,但这会破坏我的页面。

我在 Ubuntu 上的 Chrome 和 Firefox 中都看到了这种行为。我的互联网真的很不稳定,所以有时我不得不盯着一个满载的页面,里面有看不见的文字,这真的很令人沮丧。

0 投票
2 回答
613 浏览

unicode - 如何在具有可靠渲染的 Web 中使用 unicode 字符

我在网络中使用 unicode 符号作为图形组件。

我需要相信这个 unicode 字符的呈现方式。

这里有一个我正在尝试构建的简化示例。

您可以看到 unicode 字符在不同的计算机中呈现不同。

OSX下的ChromeOSX下的Chrome

Windows下的ChromeWindows 下的 Chrome

我只需要支持现代浏览器,因此允许使用@font-facegoogle 字体

更新

我知道问题是选择的字体没有特殊字符,找到一个与它们兼容并与@font-facegooglefonts兼容的解决方案将是解决方案,但这是真正的问题:如何找到具有此特征的字体

0 投票
2 回答
8062 浏览

css - 如何使用谷歌字体

我想使用来自谷歌字体的无数网络专业人士。我用这个代码

并为此使用css代码

但没有应用无数的web pro。我如何解决这个问题

0 投票
6 回答
4394 浏览

fonts - 如何将 Google 字体转换为 png 或 gif?

我一直在使用 Google 字体作为我的网络应用程序的徽标。但似乎它的渲染效果不如我预期的那么好。但我仍然喜欢我一直在使用的字体。所以我想把它变成 png 或 gif 并将图像用作徽标。

做这样的事情最简单的方法是什么?

0 投票
1 回答
3119 浏览

javascript - 如何加载谷歌字体?

我加载了 dweb fonts提供的动态列表Google Web Fonts service并将其放在选择列表中,例如:

现在我想要的是font在用户从选择列表中选择它时加载每个,为此我尝试了:

但不幸的是,这不起作用,有人可以帮帮我吗?

0 投票
2 回答
5726 浏览

html - 如果 GoogleFont 服务不可用,如何加载自托管字体文件?

我想使用 Google Fonts 目录中的字体集合。我选择了样式并将 CSSlink标记包含在我的项目模板中。

或者,您也可以使用 Google Fonts 下载该集合,您会得到一个包含所有字体样式的 zip 文件。

我可以创建一个与 Google 让我包含在 HTML 中的 CSS 等效的 CSS,因此如果访问者无法访问 Google 字体 API,我想提供自托管字体文件作为后备。

我该如何设置,并防止下载 Google 字体文件和自托管字体文件?如果用户确实有权访问 Google 字体,则其浏览器不应下载该字体的自托管版本。

0 投票
1 回答
773 浏览

javascript - $.getJSON 和 google fonts API 在 jQuery 版本大于 1.4.4 的 Internet Explorer 中停止工作

我几乎花了一整天的时间试图找到解决这个问题的方法。

我已经成功编写了代码来使用 Google 字体 API 和 jQuery 1.4.4 动态检索和显示全部字体。(适用于所有浏览器)

我不得不将 jQuery 更改为 1.7.2 版本,但不幸的是,我注意到我编写的代码在除 Internet Explorer 之外的所有浏览器中都运行良好。

我做了一些测试,发现在 Internet Explorer 中使用高于 1.4.4 的 jQuery 版本时,$.getJSON 或 $.ajax 无法从 Google 加载 JSON 字体数据。

这是我正在使用的代码:

经过一些研究,我也尝试过:

在 Internet Explorer 中使用任何大于 1.4.4 的 jQuery 版本时,这两种方法都会失败 - 没有任何反应。

任何想法为什么?谢谢您的帮助。

0 投票
5 回答
3956 浏览

css - 针对 Windows 7 的条件 CSS

我可以在网上找到很多这样的讨论,但是我找不到任何人专门针对我的问题:

我将 Google Webfonts 用于网站。在除 Windows 7 之外的所有平台上,字体看起来都不错。但在 Windows 7 上,我需要调整某些字体版本的字体粗细。我可以成功地为 IE 9 使用条件语句,但我如何仅在 Windows 7 中实际定位 FF 和 Chrome?Win XP(IE 8及以下,还有FF、Chrome)的字体渲染很完美,Mac OS也很好(FF、Safari、Chrome)。

我发现了很多黑客,但没有一个会改变特定 Windows 版本的 CSS,而不管浏览器......???

提前致谢!