我注意到Google Web Fonts似乎不适用于IE <9.我该如何解决这个问题?
我在我的网站上使用自定义字体.我可以使用本地字体文件:
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)
考虑到页面加载时间,哪个会更快?
我在使用某些Google字体时遇到了一个奇怪的问题.
例如,我使用的是Muli字体,在某些浏览器中,当CSS规则为:时,文本以斜体显示:
p {
font-style: normal;
}
Run Code Online (Sandbox Code Playgroud)
我还用几个浏览器打开了Google Web Fonts网站(我在6台不同的PC和Mac上测试了16种不同的浏览器),其中只有两个我遇到了问题(一个在Chrome浏览器上,另一个在Firefox浏览器上) ).
此屏幕截图显示了Firefox中显示的字体与显示斜体字体的浏览器的并排比较
为什么只有一些浏览器会将这些字体显示为斜体?在追踪这个问题时我应该寻找什么?
我们即将使用Google Fonts进行即将开展的项目.我们发现两台带有Firefox的计算机根本不显示任何网络字体.(Chrome正确显示)我们所有的计算机都有Firefox 21.0版本.似乎它与操作系统或Firefox相关性有关.这是Firefox的已知错误吗?(假设Google Fonts页面具有正确的嵌入字体css规则)
我正在 HTML5 中开发一个计算器应用程序,需要打印一些数学符号,例如平方根和 pi,但问题是这些符号在大多数网络字体中都没有定义,因此它们将以默认字体出现,看起来只是与其他输入相比太可怕了。有没有对数学符号有良好支持的网络字体(最好是 Google Fonts)?
更新:我使用@brclz 建议,解决我的问题是这样的:
例子:
https://github.com/h-ibaldo/Raleway_Fixed_Numerals/blob/master/font/rawline-100.woff
Run Code Online (Sandbox Code Playgroud)
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)
例子:
@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)
将样式表拉到字体的 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">
例子:
font-family: 'rawline', sans-serif;
font-weight: 100;
font-style: italic;
Run Code Online (Sandbox Code Playgroud)
它工作得很好。
我还尝试使用@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 样式表,它很好地解决了我的问题。知道这是其他人遇到的问题,我将通过 …
我的网站正在使用谷歌字体,我遇到了一些与XP有关的问题.也就是说,因为默认情况下XP没有抗锯齿功能,所以即使在Firefox和Chrome等浏览器中,所有字体也都是像素化的.有没有办法纠正这个问题,或者XP用户只是坚持使用它?
我正在寻找使用Joesfin Sans.它列在Google网络字体上.我也有.eot,.svg,.ttf和.woff.这意味着与文件完全兼容(据我所知).
我的主要问题是:哪个更好?Google字体加载速度更快吗?它更兼容吗?或者我应该坚持使用这些文件?
我在使用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中获得一致的渲染?
谢谢
我刚下载CKEditor,它很棒.虽然我注意到它松弛了字体.所以我认为能够将Google Web Fonts添加到CKEditor以添加其功能是个好主意.
我在线搜索但我只能找到如何手动进入并在config.js文件中添加每个字体.
有人可以帮助我以编程方式将所有Google Web字体添加到CKEditor并显示如何.
google-webfonts ×10
webfonts ×6
css ×5
fonts ×4
font-face ×2
ckeditor ×1
css3 ×1
firefox ×1
formatting ×1
github ×1
html ×1
javascript ×1
latency ×1
truetype ×1
windows-xp ×1