问题标签 [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 投票
1 回答
376 浏览

html - 谷歌字体在 c9.io IDE 中不起作用

我在标签之间添加了字体:

在所有托管此工作正常但在 c9.io IDE 中不起作用,也许有人知道这个问题的任何解决方案?

0 投票
2 回答
2437 浏览

javascript - 选择框中的 Google API 字体

https://stackoverflow.com/q/5065542/1716774
我喜欢在我的小提琴中应用相同的功能

HTML

CSS

脚本

我尝试使用在我的选择框中添加 google API 字体

https://www.googleapis.com/webfonts/v1/webfonts?key=YOUR-API-KEY

如何将它添加到我的小提琴中

0 投票
0 回答
121 浏览

javascript - google-visualization API 刷新是否包含字体?

我一直在做一个使用 google-chart、google-fonts 和 awesome-fonts API 的应用程序。我的主要字体来自 google-fonts,我将它们包含在<head>标签中,以及 awesome-fonts。

但是,当我使用 google-charts 时,加载图表后似乎会刷新字体。通过刷新,我的意思是,它们似乎会在一秒钟内消失并重新加载。这使我的应用程序看起来很奇怪。我不喜欢它,我不确定 google-charts 是否会产生这种效果。

这是我加载谷歌图表的代码片段;

如果我评论绘制图表的线条 (best_letters_chart.draw(best_letters_data, best_letters_options);worst_letters_chart.draw(worst_letters_data, worst_letters_options);),我的字体会被渲染一次,但是这次图表不会显示。

为什么会这样?我对此很好奇。如果有人有任何想法,请告诉我。

提前致谢。

0 投票
2 回答
4560 浏览

javascript - 添加谷歌字体api来选择菜单

我正在制作一个包含谷歌字体 API 中所有字体的选择框。我已经参考了这个https://developers.google.com/webfonts/docs/developer_api链接以了解有关 API 的更多信息,但直到现在我无法做到。

我正在添加我为此制作的小提琴

HTML

CSS

脚本

我的 API 密钥是https://www.googleapis.com/webfonts/v1/webfonts?key=AIzaSyB8Ua6XIfe-gqbkE8P3XL4spd0x8Ft7eWo

如何将这些字体链接到小提琴中的选择框?

0 投票
2 回答
1928 浏览

javascript - 函数调用在我的页面中不起作用

我制作了一个适用于 google-font-Api 的选择菜单。我在 JSBIN 中工作是我的工作http://jsbin.com/ocutuk/18/

但是当我在 html 页面中复制我的代码时,它甚至没有在页面中加载字体名称。我试图让它工作,但它仍然处于死胡同。这是我的html代码

我怎样才能让它工作。我在这里犯了什么错误。

0 投票
2 回答
4780 浏览

ruby-on-rails - 在 Ruby on Rails 3.2 应用程序中集成 googlefonts

我必须在一个 Rails 应用程序中使用 Google 的字体。普通的 HTML 代码定义了 googlefonts 的用法,如下所示:

我试图在我的 alpplication.html.erb 中添加相同的行,但它不起作用。然后我将@font-face 定义(从link-href 指向的位置)提取到一个单独的css.scss 文件中,并将该文件包含在我的清单css 文件中:

}

它没有再次发生。

请帮我解决这个难题。在 Rails 3 应用程序中使用 Google 托管的字体的最佳做法是什么?

编辑:这是我的 css,指的是@font-face 定义:

0 投票
2 回答
3080 浏览

ajax - Google 字体 - 通过 ajax 获取可用字体列表?

我需要获取 Google Fonts 上所有可用字体的列表并将它们显示在下拉列表中,但我无法理解 Google Fonts 的文档。

这是我到目前为止所得到的。

当我在网络浏览器中访问这个时,我得到一个包含所有字体的 json 响应,正如预期的那样:

但是当我 ajax 时,我在控制台中得到了这个:

顺便说一句,我正在使用 jQuery。都试过了$.ajax$.getJSON

经过一番谷歌搜索后,我意识到也许我需要使用webfont 加载器来检索列表?好吧,够公平的。所以我将脚本添加到页面:

但是然后呢?API 似乎只允许获取和应用特定的字体,它实际上并没有返回任何数据,不是吗?

谁能指出我正确的方向或告诉我如何提出请求?解析返回的数据并在之后处理它没什么大不了的,但我就是不知道如何实际获取数据。

0 投票
4 回答
25886 浏览

css - 使用 Google 字体时,引导图标 (Glyphicons) 的位置略微向上,我该如何解决这个问题?

如果我在文档的 head 标记中添加以下 Google 字体

引导图标(Glyphicons)稍微向上定位,您可以在此链接中看到:http ://www.acarrilho.com/wp-content/uploads/2012/07/icon_off.png

在此处输入图像描述

我该如何解决这个问题?

0 投票
1 回答
145 浏览

css - 谷歌字体只有ie9和其余的?

我正在使用 Google Fonts 加载两种字体。由于它们在 ie9 以下的任何内容中看起来都非常可怕,我想忽略它们。这是我的想法:

然后在我的CSS中我可以使用这样的东西:

}

}

这可以解决尝试使用 Open Sans 的问题。加载实际的样式表怎么样。这样的事情会好吗?

这将阻止 ie8 及以下版本甚至加载 css 并防止浪费下载 - 对吗?这是正确的语法吗?

有人推荐更好的方法吗?我尝试单独加载所有字体,但它们在 ie8 和 7 中仍然无法正常工作,所以这不是一个选项。

0 投票
1 回答
207 浏览

javascript - 如何在 IE、Firefox 和 Chrome 中使用谷歌网页字体

我正在尝试在我的网络应用程序中使用谷歌字体。我加载谷歌字体的电话是:

上面的调用在我的 3 个目标浏览器中给出了以下结果:

火狐

(9)

铬合金

谁能告诉我在上述所有 3 个浏览器上使用谷歌字体的通用方法?