我正在使用 Open Sans font from Google Fonts在我的一个页面上,尽管我使用的字体样式与 Google 几乎相同,但我的变音符号比其他字母略粗:
(你可以在www.cabsurf.com看到现场版)
我的 CSS 中唯一的区别是我声明字体系列的方式:
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
但即使我在声明中只保留 Open Sans,它看起来也一样。
我在上面的 Google 字体页面中放置了相同的文本(使用 Chrome 中的检查元素)并且文本在他们这一边正确呈现,所以我知道字体没问题。
知道我做错了什么吗?
编辑:
在 MacOS X 10.8.4 上使用 Chrome 27/Firefox 22
最佳答案
Google 将使用它想要的字体的任何子集。当您获得代码时,您是否确保选中了正确的框?
当我附加 <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300&subset=latin,cyrillic-ext,cyrillic,latin-ext' rel='stylesheet' type='text/css'>
时给你的<head>
, 所有字符看起来都是正确的。
只需确保检查您需要的任何子集,这样您就不会得到不必要的大文件。
关于css - 变音符号比其他字母粗,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17530432/