Question

我在网站上使用谷歌字体有问题，只有使用偶数字体大小时才会出现问题，有些字母较小或顶部被切掉。但是，谷歌字体网站没有问题，如果我尝试在我的服务器上使用它，我会看到它。

在屏幕截图中，您可以看到字母П和Г更小，然后是其他字母。行高无济于事。

这是我的代码：

<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300,700&amp;subset=latin,cyrillic-ext,cyrillic" media="screen">

和

<span style='font-family:"Open Sans", sans-serif; font-size:16px; font-weight:300; font-style:normal;'>ПРОГРАММА глАнаяГа</span>

我在网上上传了简单的示例代码：http://tochka.cz/fontstest/

linux没有问题| osx，但仅适用于所有Windows浏览器， font-size：16px是个问题，虽然font-size：17px不是。

提前致谢，我非常感谢您的帮助。

Answer 1

这是所用字体的设计缺陷：它并未设计为适用于各种尺寸的不同字体渲染技术。这些问题出现在某些尺寸的某些Google字体中（之前我观察过的是17px尺寸的Sansation字体），它们可能与Windows上的字体渲染有关。

我认为没有任何快速解决方案。谷歌字体应该在不同的环境中进行测试（特别是在Windows上），如果某些字体和字体大小组合有问题，那么只需避免它 - 使用1px更小或更大的尺寸应该有所帮助。这强调了需要使用涵盖足够丰富的角色曲目（包括大写字母）的文本进行测试。

更新：Google Web Fonts网站使用不同的字体文件，并使用以下内容进行测试（从网站的CSS中提取），问题不会出现：

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'),
  url(http://themes.googleusercontent.com/licensed/font?kit=DXI1ORHCpsQm3Vp6mXoaTb7uYOTH0fqwR2fK3MMTyiuruusgsetRaCmkKU2Of3BmMh8Htnga2sTO__4Bgy4aRUbOfyIL9KspCxN8ekvQQBzoq8GLqcC6GrPYOPNC3QDT) format('woff');
}

我担心这种方法不健全。

Answer 2

Google Web Fonts网站在他们的系统和您下载的系统中使用了不同的字体文件，因此如果从GWF下载的字体出现问题但在Google Web Fonts网站中没有问题，则可以直接从Google Web Fonts下载字体页面（使用Chrome开发者工具或Firebug获取链接）。

例如我用过：

http://themes.googleusercontent.com/licensed/font?kit=DXI1ORHCpsQm3Vp6mXoaTb7uYOTH0fqwR2fK3MMTyiuruusgsetRaCmkKU2Of3BmMh8Htnga2sTO__4Bgy4aRUbOfyIL9KspCxN8ekvQQBzoq8GLqcC6GrPYOPNC3QDT) format('woff')

Answer 3

我在图片和Windows 7中Chrome中看到的唯一区别就是对齐。

这是一个操作系统问题，可以按照此处的建议解决，http://www.icavia.com/2010/09/solving-font-face-alignment-issues/

css谷歌字体西里尔字母 - 一些字母被切断

3 个答案: