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

google-app-engine - Google Webfont 未显示在 GAE 网站上

所以我试图在 GAE 网站上使用 Google Webfont。当我在本地浏览网站时,该字体有效,但在我部署并转到 .appspot.com 地址后,该字体不再有效,默认为“草书”。

以下是相关代码:

CSS:

HTML:

0 投票
1 回答
12167 浏览

css - Google Webfont 与本地字体冲突

我与使用 google-webfonts 发生了非常严重的冲突。好的,这里是代码:

这是在头脑中:

这是在css文件中:

Oswald ”是一个包含 3 种字体的字体系列:

  • 书 (300)
  • 正常 (400)
  • 粗体 (700)

正如你所看到的......我只加载了粗体(700)。(你可以在查询中看到它)它一直工作到这里但是......</p>

问题是:

我的电脑上安装了 3 种字体 (300,400,700) 的桌面版本,只要这些字体被激活……浏览器就会在我的 html 文档中显示错误的字体粗细 (400)。

好的。问题是在我的 css 'Oswald' 中使用的是 localfont 而不是 webfont。但是本地字体“Oswald”是“Oswald normal”。我不知道为什么谷歌称它为“Oswald”而不是“Oswald Bold”。所以我不知道如何解决这个问题。

我不希望 css 指向本地字体 .. 我希望它始终显示 webfont ......因为正确的字体重量!

你有什么想法?请?

可以重命名 webfont-call 吗?

0 投票
1 回答
359 浏览

cross-browser - 谷歌网页字体和 IE9

我正在开发一个使用嵌入式 Google 网络字体的登录页面。当我在本地在 IE9 中测试页面时,它默认以 IE9 兼容性视图和 IE7 文档模式呈现——但它看起来很好(我相信它这样做是因为本地文件被认为是“内联网”,而 IE9 会自动在兼容性视图中呈现这些文件)。

然而,当我手动将浏览器和文档模式切换到 IE9 时——这是页面在实际服务时呈现的方式——谷歌网络字体不再工作。

谷歌网络字体应该可以在 IE9 上运行,那么这里发生了什么?

0 投票
2 回答
1645 浏览

css - IE9 无法识别字体粗细:较轻

看看这个 JSFiddle:http: //jsfiddle.net/vkNtK/1/

在 IE9 中,这两个 h2 的渲染相同,而在所有其他现代浏览器中,第一个使用字体的轻量版。有没有人有办法强制 IE 在 font-weight:lighter; 时使用较轻的字体?被宣布?

明确一点:我们谈论的是 IE9,为什么这在 IE9 中不起作用?

0 投票
4 回答
111873 浏览

fonts - 包括谷歌字体链接或导入?

在页面上包含 Google 字体的首选方式是什么?

  1. 通过<link>标签
  2. 通过样式表中的导入
  3. 使用Web 字体加载器
0 投票
2 回答
22702 浏览

css - 本地存储的谷歌网络字体与在线源

当我在我的 CSS 文件中使用 @import 规则添加谷歌网络字体时,它工作正常。

但是当我下载该字体并将其本地存储在我的服务器中,然后将@font-face 规则定向到我自己的机器时,它不起作用。

所以我所做的是在我的 css/fonts.css 文件中替换这一行:

有了这个:

换句话说,我只是从 googleapi 中复制了该字体的代码。我将字体文件(.woff)保存在上面的路径中(我已经重新检查过,确实存在)。

我也尝试将网址编辑为此,但不好:

如果我们在本地使用 Google 网络字体,我无法相信有任何理由无法使用它们,所以我所做的一定有问题。线索?这不就是我们如何定义自己的字体吗?(我以前从未尝试过)。

0 投票
1 回答
2385 浏览

html - Google fonts not applying in IE9

I am having an issue with customizing a WordPress template.

When I try to apply a Google Web font to a phone number in the header (as in dev [dot] beyondbbd [dot] com), Google fonts don't seem to be applied to the phone number (or all across the site for that matter) in IE9.

Any ideas about this? Is there an easy fix that I'm missing?

Thanks in advance.

-Nick

0 投票
1 回答
2066 浏览

javascript - IE8 或更低版本中的 Google Webfonts (Loader)

我正在尝试为一个 Web 项目加载大约 40 种字体。人们将能够在网上商店中选择自定义字体。我使用 Google 的 Web Font Loader,它运行良好,但在 IE8 及更低版本中除外。

因此,我正在使用 Webfont Loader 需要从 Google 加载的正确字体系列打印我的 php 数组。如果我尝试加载所有 40 种字体,它可以在除 Internet Explorer 8 及更低版本之外的所有浏览器中使用。

如果我将我的字体数组限制为 6 种字体,那么这 6 种字体就会被加载。但是当我只向数组中添加一种字体时,IE8 无法加载字体。我在开发人员工具的“网络”选项卡中收到错误请求,但我在 http-request 中的 url 似乎没问题。

以前有人遇到过这个问题吗?HTTP-Header 中的请求 URL 的长度是否在 IE8 及以下版本中受到限制?

我还尝试将所有家庭粘贴到一个“链接”中。而且.. IE8 及以下版本中的错误请求。


%7 为 '|' 的请求 和回应:

https://docs.google.com/open?id=0B4anyChu_EhkRFNmRmd3UGY4RlU

我认为真的很奇怪:我在 ResponseBody 中从 Google 获取了正确的数据。

https://docs.google.com/open?id=0B4anyChu_EhkdFVqVjFVUVhFRWs

0 投票
4 回答
1734 浏览

css - 空格消失了

无间距出于某种原因,我正在使用的字体上的单词之间的空格消失了。请参阅: http: //www.fantasynews.com/ 我正在使用 Twitter Bootstrap,稍作修改以使用 Google Web 字体。有问题的字体是由 Google 网络字体提供的 Oswald: http ://www.google.com/webfonts/specimen/Oswald 那里的间距对我来说似乎很正常。

我不是 CSS 专家,但我的代码中没有触及任何应该改变空格显示方式的内容。我不知道任何应该特别针对空间的东西。我觉得这是我忽略的一些愚蠢的错误,但我一无所知。如果我查看源代码,当我检查元素时,空格和空格都明显存在,以防一些 javascript 在玩诡计。

我使用的是最新版本的 Chrome,尽管这也出现在 Firefox 中。

我应该说,间距问题专门针对最新玩家新闻下框中的标题出现

0 投票
1 回答
1475 浏览

internet-explorer-8 - Google webfont 在 IE7 和 IE8 上的渲染效果很差

我一直在努力弄清楚为什么以下“小提琴”在 Internet Explorer 7 和 8 下呈现如此糟糕:

http://jsfiddle.net/5aFAX/

互联网浏览器 9

互联网浏览器 9

Internet Explorer 7 和 8

Internet Explorer 7 和 Internet Explorer 8

在 Internet Explorer 9 下,字体渲染得很好(几乎与在 Chrome 和 Firefox 下相同)。然而,在 Internet Explorer 7 和 8 下,渲染简直太糟糕了。有什么方法可以在不更改字体(Raleway)的情况下修复这些浏览器下的这种行为?