问题标签 [google-webfonts]

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 回答
3029 浏览

macos - 在商业原生 Cocoa 应用程序中使用 Google Web 字体?

Google Web 字体可以在 OS X 上的商业原生 Cocoa应用程序中合法使用吗?谷歌官方表示可以在商业网站上免费使用这些字体,但没有具体说明原生应用程序的情况。

目前,我已经woff从 CSS 中定义的 URL 下载了字体(格式),通过在线工具将其转换为ttf并包含在我的项目中。

0 投票
12 回答
48584 浏览

css - Google webfonts 在 Windows 上的 Chrome 中呈现断断续续

我在我的网站上使用 Google Webfonts 服务并严重依赖它。它在大多数浏览器上呈现良好,但在 Windows 上的 Chrome 中呈现特别糟糕。非常不稳定和像素化。

到目前为止,我发现 Chrome 需要先加载 .svg 格式的字体。但是,我使用的字体称为 Asap,仅在 .woff 中可用。我使用免费的在线服务将它转换为 .svg,但是当我将它添加到我的样式表(在 .woff 之前)时,它并没有改变任何东西。

我也试过:

希望这两种方法都能帮助文本呈现更流畅。

现在我已经没有想法了,我不想改变字体。有谁知道我该如何解决这个问题?我一直在使用 Adob​​e Browserlab 来测试渲染,看看我是如何只拥有一台 Mac 的。该网站的链接是:www.symvoli.nl/about

提前致谢!

2013 年 4 月 11 日编辑:

Chrome 35 Beta 似乎终于解决了这个问题:

在此处输入图像描述

0 投票
1 回答
1303 浏览

fonts - Google Web Font 呈现浏览器的差异

我决定使用 Google 网络字体“Signika”:http ://www.google.com/webfonts/specimen/Signika

虽然我非常喜欢这种字体在正确渲染时的外观,但一些浏览器或平台并没有为他们的用户提供这种奢侈。

这是我观察到的:

  • Arch Linux - 最新的 Chromium - 完美
  • Arch Linux - 最新的 Firefox - 完美
  • Win7 64 位 - 最新的 Chrome - 差(如果我没记错的话,与右图相同)
  • Win7 64 位 (virtualbox VM) - 最新的 Firefox - 差(见下图)
  • Win7 64 位 (virtualbox VM) - IE9 - 完美??(见下图)

最后2个让我吃惊。这是左侧IE9和右侧Firefox渲染的比较。两者都在同一台机器上(Win7 64 位 virtualbox VM)。

IE9 与最新的 Firefox

左边的那个看起来像是被平滑了——像素不是黑色或白色,而是介于两者之间。右边的那个看起来只使用了 2 种颜色。

当 IE9 的浏览器模式设置为 IE8 或 IE7 时,字体开始看起来像在该机器上的 Firefox 中(不流畅)。

我试图理解这一点。到底发生了什么,有什么办法可以让它看起来很流畅?我四处寻找类似的问题并尝试了以下建议的修复/解决方法:

没有效果。(用最新的 Firefox 在 Win7 64 位(virtualbox VM)上尝试过)

任何建议,将不胜感激!

0 投票
2 回答
7147 浏览

fonts - 如果我使用 Google 网络字体,Google 可以跟踪我吗?

通过使用谷歌网络字体可以/谷歌

  • 处理网页的文本(尽管 robots.txt 不允许)
  • 跟踪网页的访问者,并(理论上)识别他们
  • 跟踪对网页所做的更改(尽管 robots.txt)

当然,除非知道他们的字体和 css 文件会再次下载。:)

我认为谷歌自然会/可以计算和跟踪我网页的访问者数量,对吗?

编辑:“我”、“我的”——我在这里尝试将这些术语用作“一般来说”

0 投票
2 回答
1503 浏览

c# - WebBrowser 控件中的 Google 字体仅在受到外部“帮助”时才会显示

目前,我在 .NET 2.0 WinForms 应用程序中看到了一个奇怪的行为。

托管一个从其自己的应用程序内置 Web 服务器(这个)中提取数据的WebBrowser控件,一切正常,直到涉及到Google Web Fonts

脚步:

在 Windows 7 下,会出现以下行为:

1.) 启动应用程序。该页面不显示Google Web 字体:

在此处输入图像描述

2.) 在独立的 Internet Explorer 实例中打开内置 Web 服务器的 URL:

在此处输入图像描述

3.) 回到 C# 应用程序,按 F5:

在此处输入图像描述

现在,字体在我的应用程序中也是可见的。

行为:

似乎独立的 IE 做了额外的事情,我的应用程序中的托管 IE 是不允许做的。

在独立 IE 中打开 URL 后,我可以同时关闭我的应用程序和 IE,然后重新启动我的应用程序,仍然可以得到正确的行为。

清除 IE 数据(缓存、cookie 等)时,再次需要执行步骤 1-3 才能将 Google Web 字体导入托管的 Web 浏览器。

我的假设:

我猜这与 IE 似乎需要在其语言环境缓存中“安装”网络字体的权限有关。我刚刚Access-Control-Allow-Origin:*在我的请求标头中添加了一个,但这似乎并没有改善任何东西。

我的问题:

您是否对如何使 Google Web Fonts 在我的场景中工作而无需启动独立 IE 有任何提示?

2013-08-22 更新 - 解决方案:

根据亚当的建议,我更改了WebBrowser控件的用户代理,这很有效。现在,我的 WinForms 应用程序中确实有 Web 字体和托管浏览器。

代码看起来像:

使用这些 P/Invoke 辅助函数:

0 投票
1 回答
805 浏览

web-scraping - 有没有办法下载所有格式的所有谷歌网络字体?

首先,我很清楚这个问题,我有一种强烈的感觉,它被关闭了,因为它是由谷歌评论家提出的。

我的子问题是:我是否可以假设此处描述的处理是在 ttf 创建之后完成的,这意味着不可能将它们全部一起批量转换?如果请告诉我如何(在Linux上)

即使它更喜欢谷歌提供的实际文件,而不是让网络服务或工具转换它们,因为谷歌可能会以绝对最好的方式做到这一点!

我有一种感觉,那里有什么东西,某处。因为它可能只需要一个脚本来更改浏览器引用并询问 google http 响应,下载它们并将它们重命名为基于 css 中的“本地”字体名的名称。此外,一些网页抓取字体名称和可能的变化(粗体/正常/...)

这就是为什么我除此之外再次尝试这个的原因:我是一名网络程序员,我需要这个用于我的本地主机网络开发所以这是一个在我看来对于 Stack Overflow 来说这是一个完全有效的问题,我相信很多人都有这个愿望轻松掌握所有字体。因此,请至少将其迁移到您认为不是有效问题的地方!

0 投票
1 回答
685 浏览

webfonts - Google Webfont Loader:如果字体服务器(例如 Typekit)关闭,则不会超时

目前,Typekit 服务器在澳大利亚遭遇中断。它暴露了我的一个网站的问题,该网站使用 Google 的 Webfont Loader 加载 Typekit 字体。

我的印象是,wf-inactive如果 Webfont Loader 无法加载字体但它似乎无限期地挂在wf-loading.

为了防止 FOUT,我visibility: hidden;为所有元素设置了使用这些网络字体。所以问题是所有文本都无限期地隐藏起来。

将不胜感激任何想法如何解决它?我在 Google 的 Webfont Loader 文档中看不到任何关于超时的内容。

0 投票
4 回答
159236 浏览

css - 谷歌浏览器中是否有任何“字体平滑”?

我正在使用谷歌网络字体,它们在超大字体大小上很好,但在 18 像素时,它们看起来很糟糕。我在这里和那里读到有字体平滑的解决方案,但我没有找到任何可以清楚地解释它的地方,而且我发现的几个片段根本不起作用。

h4在几乎所有浏览器中看起来都很糟糕,但 Chrome 是最糟糕的。在 Chrome 中,我几乎所有的字体看起来都很糟糕。

谁能指出我正确的方向?也许您知道可以清楚地解释这一点的资源?谢谢!

示例屏幕截图 #1

这张截图显示了https://www.dartlang.org/的主页,这是一种由 Google 制作的编程语言(因此我们可以暗示该网站也是由 Google 构建的)并使用 Google Webfonts。

屏幕截图显示左侧为 Google Chrome,右侧为 Firefox/Internet Explorer。

左边是谷歌浏览器,右边是firefox/internet explorer

示例屏幕截图 #2

此屏幕截图显示了 Adob​​e.com 上的产品信息页面,使用的是 Typekit 提供的网络字体。Adobe 和 Typekit 在字体方面是专业人士。

屏幕截图显示右侧为 Google Chrome,左侧为 Firefox/Internet Explorer:

左边是谷歌浏览器,右边是firefox/internet explorer

0 投票
7 回答
60319 浏览

internet-explorer - IE9 - CSS3111:@font-face 遇到未知错误

我嵌入了来自http://www.google.com/webfonts的三种 Google 字体(Dosis、Open Sans、Lato)

除了返回的 IE9 之外,它们都可以正常工作:

并且偶尔会破坏整个网站。

可以做些什么来解决这个问题?

0 投票
1 回答
4673 浏览

font-face - 优化多种 Google Web 字体

从 Google 加载自定义字体时,它们为您提供了一种优化它们的方法:https ://developers.google.com/webfonts/docs/getting_started#Optimizing_Requests

这意味着如果您只是为标题使用自定义字体,而不是加载整个字体,您可以告诉它您需要哪些字母,这样就不会加载整个字体字母表。到目前为止,一切都很好。

但是,在示例中它只有一种字体样式。两个怎么办?

例如,我使用它来加载字体样式:

正常的 400 我用于很多文本,但 400italic 仅用于一个短标题。

如果我做:

它会像我想要的那样加载整个 400 和 400italic 的“示例标题”,还是会做其他事情?