问题标签 [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 回答
1487 浏览

css - Google webfonts - 有没有办法@import 而不是嵌入?

为客户在网站上工作 - 长篇大论,但我不允许编辑标记,只需包含一个覆盖样式表并在那里进行调整。

我需要导入谷歌字体,但由于要求我不能使用正常的嵌入方法。有没有办法在样式表中@import 谷歌字体?

编辑:为了澄清,我已经添加了以下代码,成功率为零(返回 404):

@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700,300italic);

0 投票
2 回答
2830 浏览

css - 如何在锁定的 Intranet 中使用 google webfonts?

处理客户项目 - 重新设计他们的 Intranet。他们的安全设置方式,所有外部媒体都被拒绝,包括任何谷歌字​​体。棘手的部分是他们要求我们用谷歌字体重新设计。

提示用户自己安装字体当然是不可接受的。有没有办法可以下载 Google 字体文件并将其放在本地网站上?


更新:经过一番折腾,我发现您可以下载并使用压缩版的 google 字体来保持您的网站相对优化。转到导入 URL:

http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700,300italic

src属性中(themes.googleusercontent.com URL)下载.woff它链接的文件,随意重命名,上传到您网站的媒体目录,然后指向该本地文件而不是 Google 的 URL。

0 投票
2 回答
2687 浏览

css - 为什么 Google 字体无法显示在我的网站上?

我们的 ASP.NET C# Web 应用程序用于以下环境 .NET Framework 4

ASP.NET Web 窗体。

IIS 7

视窗 2008

视觉工作室 2010

.NET IDE C#

HTTPS ( SSL )

我们的项目网页设计师想要使用名为 Antic Slab 和 Antic 的 Google 字体:

http://www.google.com/fonts#UsePlace:use/Collection:Antic

http://www.google.com/fonts#UsePlace:use/Collection:Antic+Slab

我下载了与 Google 字体相关的 zip 文件。

我为每种字体提取了 ttf 文件。

在我的 CSS 文件中,我放置了以下字体:

但是,我使用以下 css 规范中的字体:

但是,当我部署网站时,字体无法显示。

有人可以就如何确保字体显示在我的网站上提出一些建议吗?

0 投票
1 回答
1651 浏览

font-face - @font-face 与 Google 字体或 localhost 文件与 CDN 的加载时间

通过将字体存储在服务器上并使用@font-face 加载字体是否比从 Google 的字体 API 加载字体慢?还是它总是取决于字体并因情况而异?

对于 Javascript 和其他类似文件也是如此:从 CDN 加载比将文件存储在服务器上并加载它们(在服务器上本地)更快还是更慢?

还是因不同情况涉及的变量太多而无法概括为一个答案?我想这取决于您正在访问的 CDN 和/或您的个人服务器设置以及您正在加载的文件的大小/性质等,但我只是好奇是否可能存在一般规则或策略知道哪个更快?

0 投票
2 回答
24142 浏览

javascript - 页面加载后动态加载谷歌字体

我希望能够让用户选择他们希望页面显示的字体。 是 Google 建议您使用 JavaScript 的方式。

如何修改它以便在页面加载后重新获取字体?

0 投票
2 回答
1168 浏览

google-font-api - 如何使用 google-font 正确呈现 latin2 字符?

我必须用谷歌字体渲染斯拉夫字母(đ,č,ć,...),但我得到的总是使用替代字体进行降级渲染,所以这些词真的很难看......

我怎样才能对这些字母进行编码以进行正确的渲染?我尝试了一些实体但没有成功。

0 投票
1 回答
5571 浏览

google-chrome - Google Chrome 无法正确呈现 Google Web 字体

我正在使用三种 Google Web 字体:

Bad Script 和 Roboto 渲染正确,但 Roboto Condensed 在某些地方没有渲染,而是 Times New Roman。

CSS 没有问题,因为谷歌浏览器在匹配的 CSS 规则中显示了正确的字体系列。

此外,我清除了 Windows 和浏览器中的字体缓存,并在 Windows 中重新安装了默认字体。

在另一台 PC 和不同的浏览器中,它可以正确呈现。

有没有人遇到同样的问题?

0 投票
1 回答
952 浏览

google-font-api - 为什么我的 Google 字体不起作用?

我的 Google 字体似乎无法正常工作。我的 wordpress 主题带有一个自定义的 Googlefonts.php,它使用此代码来请求字体:

}

我不明白 Google 字体 api 是如何工作的,我从来没有以这种方式使用它。

根据 Firebug,我对 api 的调用返回了一个错误的请求。这是上面这段代码现在发送给 Google 的 URL:

有人可以向我解释为什么这不起作用吗?

PS:有人可能会想,你为什么要多次请求相同的字体。这是因为我的主题具有为 H1、H2、普通文本、菜单等获取不同字体的选项。

0 投票
1 回答
3162 浏览

css - 浏览器无法正确渲染字体,抗锯齿问题

在浏览器上渲染字体时,我遇到了一些严重的抗锯齿问题,当我在烟花中设计工作时,一切看起来都很酷,但现在当我将它们用作 html/text 并在浏览器中查看它们时,它们变得非常锯齿并且在我测试的所有主要浏览器中都很丑。我在这里使用了两种字体,较浅的字体是'Segoe UI Light'& 较粗的字体是Roboto Slab

在此处输入图像描述

我在互联网上进行了搜索,发现了一些旨在解决这个问题的技巧,但在这里没有一个对我有用,你可以在我的 CSS 中看到它们

in .CSS

0 投票
2 回答
664 浏览

css - 为什么我的谷歌字体在同一个字符的多个部分有不一致的重量?

我想知道是否有人可以指出我正确的方向。我希望在每个给定的字体大小下以一致的权重显示 Google Font Orbitron。听起来很容易,对吧?不在我的场景中。在某些font-sizes情况下,某些字符在同一个字符内具有多个权重。

注意:我在Windows 7、Chrome v27中对此进行测试

编码:

这是一个小提琴来解释我的问题。如果您看一下小提琴,您会在第一行中看到大写的顶行F,ED字符的重量/厚度比该行中的其余字符更大。但正如您将在下一行注意到的那样,

如果您无法复制我所看到的,这里有一个截图:

字体大小:16px 和 19px

我的问题有两个:

  1. 从技术上描述这一点的最佳方式是什么?“一个给定字符中的多个字体粗细”缺乏简洁性,并且不太可能有任何有价值的谷歌搜索结果
  2. 有没有办法解决这个问题并使每个字体大小的每个字符的权重一致?