css - 变音符号比其他字母粗

标签 css font-face google-font-api

我正在使用 Open Sans font from Google Fonts在我的一个页面上,尽管我使用的字体样式与 Google 几乎相同,但我的变音符号比其他字母略粗:

enter image description here

(你可以在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&subse‌​t=latin,cyrillic-ext,cyrillic,latin-ext' rel='stylesheet' type='text/css'> 时给你的<head> , 所有字符看起来都是正确的。

只需确保检查您需要的任何子集,这样您就不会得到不必要的大文件。

关于css - 变音符号比其他字母粗,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17530432/

相关文章:

javascript - Fabric.js 一些自定义字体以非常小的尺寸和错误的字体呈现

internet-explorer - Internet Explorer 中的连字

html - 无法以 'light' 粗细显示 google 字体

fonts - 'ASAP' & 'UBUNTU ' 谷歌字体突然变形

seo - 加载谷歌字体的最佳方式 <link/> , @import 或 javascript

css - 是否可以在同一个 div 中定位 anchor 的同时将 span 置于 div 的中心?

css - 背景图片不适合浏览器的整个宽度?

Javascript 和 CSS,使用破折号

css - 合并 TTF 字体文件(用于 CSS)

css - 使用@font-face 不显示自定义字体?