标签: google-webfonts

Google网络字体不适用于IE <9

我注意到Google Web Fonts似乎不适用于IE <9.我该如何解决这个问题?

css css3 font-face google-webfonts

7
推荐指数
1
解决办法
9861
查看次数

考虑到页面加载时间,使用本地字体文件或谷歌网络字体,哪个更有效?

我在我的网站上使用自定义字体.我可以使用本地字体文件:

src: local('Ubuntu'), url('fonts/ubuntu.woff') format('woff');
Run Code Online (Sandbox Code Playgroud)

或者只是使用谷歌的:

src: local('Ubuntu'), url('http://themes.googleusercontent.com/static/fonts/ubuntu/v4/_xyN3apAT_yRRDeqB3sPRg.woff') format('woff');
Run Code Online (Sandbox Code Playgroud)

考虑到页面加载时间,哪个会更快?

css fonts webfonts font-face google-webfonts

7
推荐指数
1
解决办法
2477
查看次数

为什么某些Google字体以斜体样式显示不正确

我在使用某些Google字体时遇到了一个奇怪的问题.

例如,我使用的是Muli字体,在某些浏览器中,当CSS规则为:时,文本以斜体显示:

p {
    font-style: normal;
}
Run Code Online (Sandbox Code Playgroud)

我还用几个浏览器打开了Google Web Fonts网站(我在6台不同的PC和Mac上测试了16种不同的浏览器),其中只有两个我遇到了问题(一个在Chrome浏览器上,另一个在Firefox浏览器上) ).

此屏幕截图显示了Firefox中显示的字体与显示斜体字体的浏览器的并排比较

为什么只有一些浏览器会将这些字体显示为斜体?在追踪这个问题时我应该寻找什么?

css webfonts google-webfonts

7
推荐指数
1
解决办法
3026
查看次数

Web字体在某些Firefox中无效(包括Google字体示例页)

Firefox 21v,Windows 7 32位 Firefox 21v,Windows 7 32位

我们即将使用Google Fonts进行即将开展的项目.我们发现两台带有Firefox的计算机根本不显示任何网络字体.(Chrome正确显示)我们所有的计算机都有Firefox 21.0版本.似乎它与操作系统或Firefox相关性有关.这是Firefox的已知错误吗?(假设Google Fonts页面具有正确的嵌入字体css规则)

webfonts google-webfonts

7
推荐指数
1
解决办法
4949
查看次数

适合数学符号的良好网络字体

我正在 HTML5 中开发一个计算器应用程序,需要打印一些数学符号,例如平方根和 pi,但问题是这些符号在大多数网络字体中都没有定义,因此它们将以默认字体出现,看起来只是与其他输入相比太可怕了。有没有对数学符号有良好支持的网络字体(最好是 Google Fonts)?

webfonts google-webfonts

7
推荐指数
1
解决办法
6742
查看次数

如何使用 github 托管 webfont?

更新:我使用@brclz 建议,解决我的问题是这样的:

  1. 复制家族各个字体文件的GitHub地址,

例子:

https://github.com/h-ibaldo/Raleway_Fixed_Numerals/blob/master/font/rawline-100.woff
Run Code Online (Sandbox Code Playgroud)
  1. github.com将 URL更改为raw.githubusercontent.com,

例子:

https://raw.githubusercontent.com/h-ibaldo/Raleway_Fixed_Numerals/blob/master/font/rawline-100.woff
Run Code Online (Sandbox Code Playgroud)
  1. 创建一个 CSS 样式表,声明该系列的所有字体粗细和样式,使用上述 URL,

例子:

@font-face {
    font-family: 'rawline';
    src: url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-100.eot');
    src: url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-100.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-100.woff2') format('woff2'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-100.woff') format('woff'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-100.ttf') format('truetype'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-100.svg') format('svg');
    font-weight: 100;
    font-style: normal;
} 
Run Code Online (Sandbox Code Playgroud)
  1. 将样式表拉到字体的 GitHub 存储库中,

  2. 将字体嵌入到<head>我的 HTML 文档中,链接样式表,还将 URL 中的“github.com”更改为“raw.githubusercontent.com”,如下所示:

<link href="https://raw.githubusercontent.com/h-ibaldo/Raleway_Fixed_Numerals/master/css/rawline.css" rel="stylesheet">

  1. 然后我使用 CSS 规则来指定字体的系列、粗细和样式,

例子:

font-family: 'rawline', sans-serif; 
font-weight: 100;
font-style: italic;
Run Code Online (Sandbox Code Playgroud)

它工作得很好。

  1. 我还尝试使用@import这样的方法将它导入到另一个样式表中:

    @import 'https://raw.githubusercontent.com/h-ibaldo/Raleway_Fixed_Numerals/master/css/rawline.css';

它也起作用了。

这是最终的 GitHub 项目,如果您想查看它:https :
//github.com/h-ibaldo/Raleway_Fixed_Numerals


为了一劳永逸地解决使用Raleway的内衬数字的问题,我刚刚制作了一个网络字体版本的Raleway系列,其中所有文本数字都被替换为字体的内衬数字。

我还为它准备了 CSS 样式表,它很好地解决了我的问题。知道这是其他人遇到的问题,我将通过 …

fonts github truetype webfonts google-webfonts

7
推荐指数
1
解决办法
4608
查看次数

Google webfonts和windows xp

我的网站正在使用谷歌字体,我遇到了一些与XP有关的问题.也就是说,因为默认情况下XP没有抗锯齿功能,所以即使在Firefox和Chrome等浏览器中,所有字体也都是像素化的.有没有办法纠正这个问题,或者XP用户只是坚持使用它?

fonts windows-xp google-webfonts

6
推荐指数
1
解决办法
1890
查看次数

Google Web-fonts vs Actual字体文件 - 适用于所有设备

我正在寻找使用Joesfin Sans.它列在Google网络字体上.我也有.eot,.svg,.ttf和.woff.这意味着与文件完全兼容(据我所知).

我的主要问题是:哪个更好?Google字体加载速度更快吗?它更兼容吗?或者我应该坚持使用这些文件?

css fonts latency webfonts google-webfonts

6
推荐指数
1
解决办法
932
查看次数

Google Webfonts在Firefox,Chrome和Opera中的呈现方式不同

我在使用Google网络字体时遇到了一些问题.

我正在使用谷歌Webfont称为"苦涩".但在Firefox和Chrome中,它的呈现方式不同.Chrome和Opera似乎以类似的方式呈现它.它没有太大的不同,但它搞砸了段落的格式和组成.

这是CSS:

.small-col h3{

color: #606060;
font-family: 'Bitter', Georgia, "Times New Roman", Times, serif;
font-size: 16px;
line-height: 20px;
margin-bottom: 2px;
letter-spacing: -0.06em;

}
Run Code Online (Sandbox Code Playgroud)

以下是我正在讨论的问题的屏幕截图:http: //i49.tinypic.com/2u46mpi.png

有谁能建议我如何在Firefox,Chrome和Opera中获得一致的渲染?

谢谢

css formatting firefox google-chrome google-webfonts

6
推荐指数
2
解决办法
7348
查看次数

如何将(以编程方式)谷歌字体添加到ckeditor

我刚下载CKEditor,它很棒.虽然我注意到它松弛了字体.所以我认为能够将Google Web Fonts添加到CKEditor以添加其功能是个好主意.

我在线搜索但我只能找到如何手动进入并在config.js文件中添加每个字体.

有人可以帮助我以编程方式将所有Google Web字体添加到CKEditor并显示如何.

html javascript ckeditor google-webfonts

6
推荐指数
2
解决办法
4322
查看次数