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

javascript - 使用 KineticJS 时无法加载 Google 字体

我无法加载我的 Google 字体。我试图让它用三种不同的方法加载,标准、@import 和 JavaScript,但没有结果可循。虽然如果我使用 KineticJS 框架运行补间,字体会同时加载并且看起来很好。

我的代码看起来像这样。

0 投票
1 回答
255 浏览

css - 关于 CSS 中字体的 @import 的问题

我正在使用@ModernDesigner在此处回答的@import 方法将Google 字体导入我的Magento 主题。

我的问题是,字体导入如何工作?浏览器会在每次页面加载时等待下载字体,还是只加载一次,然后后续页面将只使用缓存版本?

如果谷歌服务器关闭并且无法加载字体会怎样?它会完全阻止我的网站还是浏览器会继续使用最适合的替代字体?

我还想补充一点,我从 url 中删除了 http:,因为相同的 css 文件用于结帐页面,并且使用 http 会破坏 https 安全状态。这个可以吗?

提前致谢!

0 投票
2 回答
6368 浏览

webfonts - 使用谷歌字体并且只包含 [AZ] 和 '&'

有没有办法使用谷歌字体并让它只加载[A-Z]&& 字符?

我想这样做是为了减小大小并缩短加载时间,因为我只会使用基本的拉丁数字和字母。

如果必须的话,我可以自己托管字体,并且操作字体包是合法的,但不确定是否需要自托管以及如何操作谷歌的字体包。

我这样指定A-Z

但是指定&很麻烦。这两个都不起作用:

0 投票
1 回答
1576 浏览

internet-explorer-8 - IE8 中的 Google 字体:页面加载时短暂显示的正确字体,然后被覆盖

问题:

在 IE8 中,h1.startpage-heading 应该是“Roboto”,字体粗细为 100。如果可能的话,在 IE7 中也是如此。

背景:

我已经阅读了 SO 和http://code.google.com/p/googlefontdirectory/issues/detail?id=9(请参阅帖子 #13)。

我在针对 IE8 的 CSS 文件中放置了一个 @font-face 声明。在@font-face 中,我将字体重命名为“RobotoThin”。然后我在同一个 IE8-CSS 文件中使用声明的字体:

案子:

在 IE8 中加载页面时,正确的字体会在被其他字体系列声明覆盖之前短暂显示(尽管文本仍然是红色的)。在 IE 开发工具中检查标题时,该元素似乎继承自正确的 CSS 声明。

更多背景:

当我尝试在 IE8-CSS 中的“RobotoThin”之后放置 !important 时,问题没有解决。

谢谢!

0 投票
1 回答
305 浏览

css - Font embedding in Opera Speed Dial Extension

I'm making a Speed Dial extension for Opera 15+ (the Webkit-based ones) and I want to embed a custom font.

Now, I'm quite used to embed fonts using Google Fonts, but as far as documentation says this is not possible because of security concerns. Then, I think I need to load fonts locally using @font-face, but I don't know which formats Opera 15+ (or Webkit, by default) accepts and how to actually embed it in my CSS.

Is there a way to find out what kind of font embedding I can use? Are Speed Dial extensions not allowed to have custom fonts? Can I use Google Fonts directly? Those are my questions.

0 投票
2 回答
2789 浏览

google-chrome - Oswald 字体在 Chrome 上不起作用

好的,所以 Bazar(另一种字体)在 Chrome 上运行良好,但由于某些奇怪的原因,Oswald 不会......我看了这个帖子:

谷歌字体不显示 Chrome 和 IE

第一个回复据说解决了他们在 Chrome 中的问题,但它对我不起作用。我什至通过 googlefonts 链接到样式表,在 Nothing 中的标签可以解决这个问题。我真的需要让它在 Chrome 上工作。

这适用于 IE8 及更高版本、Firefox 和 Opera.. 但不适用于 Chrome,这很奇怪,因为通常 IE 是有问题的..

我已经尝试过@import,还有这个..所有选项..我快用完了。我真的不喜欢仅将 Javascript 用于字体问题。

0 投票
3 回答
49595 浏览

css - 导入和使用 google webfont

对于一个项目,我必须使用多种字体样式。这是google字体的链接

这是我的css导入

我想知道的是如何定义要显示的字体系列,例如“Open Sans Light 300 Italic”

谢谢

0 投票
1 回答
1238 浏览

css - 谷歌网页字体在 Firefox 和 chrome 中看起来不同

我在此页面上使用 Ubuntu google 字体。

但是我发现chrome中的字体粗细与Firefox中的完全不同。

铬合金:

铬版 http://i.stack.imgur.com/Hh2y3.png

火狐:

火狐版 http://i.stack.imgur.com/on3Lp.png

有趣的是,直到今天它在 chrome 中看起来与在 Firefox 中完全一样。但是今天 chrome 中的字体变得更粗了。我不知道为什么。

编辑:似乎问题只发生在 google chrome 的 linux 版本中。

0 投票
1 回答
1046 浏览

fonts - Google 字体:IE10 中未显示特殊字符(箭头)

http://jsfiddle.net/Praak/

在不同的浏览器中尝试,只有IE不会为←→应用“Source Sans Pro”字体。删除text参数可以修复它,但我只需要这个字体的 2 个箭头,并且不想加载所有字符。还有其他解决方法吗?

0 投票
3 回答
26178 浏览

wordpress - 在哪里可以找到我的 Google 字体 API 密钥?(新手)

我在一个 Wordpress 网站上工作。
Woothemes 框架,来自 Woothemes 的 Canvas 主题。
已为 Woo 框架安装了插件 Google Webfonts。
到目前为止,一切都很好。
现在我需要一个 Google Font API 密钥。
所以我有一个注册的开发者帐户,以及一个通过 GoogleCloud Console 启动并运行的 Google Font 项目。我已经在 API 列表中激活了 Google Font API。
但我找不到我的 Google 字体 API 密钥!
我已按照此处给出的说明进行操作:https
://developers.google.com/fonts/docs/developer_api 它说:
“要获取 API 密钥,请访问 API 控制台。在“服务”窗格中,激活 Google 字体开发人员API;如果出现服务条款,请阅读并接受它们。(编辑:完成!)
接下来,转到 API 访问窗格。API 密钥位于该窗格的底部附近,在标题为“简单 API 访问”的部分中。(根本找不到这个!)有
什么想法吗?
对不起,如果这是一个非常简单的问题!
亲切的问候
安妮莉