标签: google-webfonts
如何在使用PhoneGap构建的iPhone应用程序中使用Google Web Font？
我们希望在为iOS设备构建的PhoneGap应用程序中使用Google Web Fonts,但我们希望在应用程序包中托管字体文件,而不是使用代码通过Web动态获取字体.
如果设备处于脱机状态,除非将字体文件捆绑到应用程序中,否则字体将不可用.
谷歌提供下载网络字体的能力,但我们如何引用HTML应用程序内的本地字体文件？
推荐指数
解决办法
查看次数
Google Webfont与本地字体冲突
我使用google-webfonts有一个非常糟糕的冲突.好的,这里是代码:
这是头脑:
<link href='http://fonts.googleapis.com/css?family=Oswald:700' rel='stylesheet' type='text/css'>
这是在css文件中:
body {
font-family: 'Oswald', sans-serif;
font-weight: 700; }
" Oswald "是3种字体的一种字体:
- 书(300)
- 正常(400)
- 粗体(700)
正如你所看到的......我只加载了粗体(700).(你可以在查询中看到它)它可以工作到这里但是......
问题是:
我的计算机上安装了3种字体(300,400,700)的桌面版本,只要这些字体被激活......浏览器在我的html文档中显示错误的字体粗细(400).
好.问题是在我的CSS中'Oswald'采用的是localfont,而不是webfont.但当地字体"Oswald"是"Oswald normal".我不知道谷歌为什么称它为'Oswald'而不是'Oswald Bold'.所以我不知道如何解决这个问题.
我不希望CSS指向本地字体..我希望它始终显示webfont ...因为正确的字体 - 重量!
你有什么想法？请？
可以重命名webfont-call？
推荐指数
解决办法
查看次数
谷歌网页字体在Chrome中看起来不稳定 - 如何应用修复程序
这是一个普遍的问题,似乎有一个解决方案.问题是网页字体在chrome中显示不连贯.解决方案应该是在.woff调用之前移动.svg调用.在这里解释:http://www.fontspring.com/blog/smoother-web-font-rendering-chrome和这里:http://www.adtrak.co.uk/blog/font-face-chrome-rendering/
问题是,我正在使用谷歌网络字体,并导入如下字体:
<link href='http://fonts.googleapis.com/css?family=Asap:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
我不知道,也不知道如何使用@font-facecss标签而不是上面的方式导入它.我试过了,但是因为谷歌只提供ttf中的字体而不是svg或woff而卡住了.
希望你能帮忙.
推荐指数
解决办法
查看次数
Google Webfonts:加载后如何卸载字体？
目前,我可以使用Google的Web字体加载器轻松加载网络字体:
WebFont.load({
google: {
families: ['Bree Serif']
}
});
但是,以后可以从DOM中卸载字体并添加元素,以便它们不再在页面上使用吗？
项目的Github上的文档没有显示提供该功能的任何选项或方法.
推荐指数
解决办法
查看次数
Google网络字体不适用于IE <9
我注意到Google Web Fonts似乎不适用于IE <9.我该如何解决这个问题？
推荐指数
解决办法
查看次数
考虑到页面加载时间,使用本地字体文件或谷歌网络字体,哪个更有效？
我在我的网站上使用自定义字体.我可以使用本地字体文件:
src: local('Ubuntu'), url('fonts/ubuntu.woff') format('woff');
或者只是使用谷歌的:
src: local('Ubuntu'), url('http://themes.googleusercontent.com/static/fonts/ubuntu/v4/_xyN3apAT_yRRDeqB3sPRg.woff') format('woff');
考虑到页面加载时间,哪个会更快？
推荐指数
解决办法
查看次数
为什么某些Google字体以斜体样式显示不正确
我在使用某些Google字体时遇到了一个奇怪的问题.
例如,我使用的是Muli字体,在某些浏览器中,当CSS规则为:时,文本以斜体显示:
p {
font-style: normal;
}
我还用几个浏览器打开了Google Web Fonts网站(我在6台不同的PC和Mac上测试了16种不同的浏览器),其中只有两个我遇到了问题(一个在Chrome浏览器上,另一个在Firefox浏览器上) ).
此屏幕截图显示了Firefox中显示的字体与显示斜体字体的浏览器的并排比较
为什么只有一些浏览器会将这些字体显示为斜体？在追踪这个问题时我应该寻找什么？
推荐指数
解决办法
查看次数
Web字体在某些Firefox中无效(包括Google字体示例页)
我们即将使用Google Fonts进行即将开展的项目.我们发现两台带有Firefox的计算机根本不显示任何网络字体.(Chrome正确显示)我们所有的计算机都有Firefox 21.0版本.似乎它与操作系统或Firefox相关性有关.这是Firefox的已知错误吗？(假设Google Fonts页面具有正确的嵌入字体css规则)
推荐指数
解决办法
查看次数
适合数学符号的良好网络字体
我正在 HTML5 中开发一个计算器应用程序，需要打印一些数学符号，例如平方根和 pi，但问题是这些符号在大多数网络字体中都没有定义，因此它们将以默认字体出现，看起来只是与其他输入相比太可怕了。有没有对数学符号有良好支持的网络字体（最好是 Google Fonts）？
推荐指数
解决办法
查看次数
如何使用 github 托管 webfont？
更新：我使用@brclz 建议，解决我的问题是这样的：
- 复制家族各个字体文件的GitHub地址，
例子：
https://github.com/h-ibaldo/Raleway_Fixed_Numerals/blob/master/font/rawline-100.woff
github.com将 URL更改为raw.githubusercontent.com,
例子：
https://raw.githubusercontent.com/h-ibaldo/Raleway_Fixed_Numerals/blob/master/font/rawline-100.woff
- 创建一个 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;
}
将样式表拉到字体的 GitHub 存储库中，
将字体嵌入到
<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">
- 然后我使用 CSS 规则来指定字体的系列、粗细和样式，
例子：
font-family: 'rawline', sans-serif;
font-weight: 100;
font-style: italic;
它工作得很好。
我还尝试使用
@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 样式表，它很好地解决了我的问题。知道这是其他人遇到的问题，我将通过 …
推荐指数
解决办法
查看次数