css google fonts cyrillic - 一些字母被切断

Question

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

在屏幕截图中，您可以看到字母 П 和 Γ 比其他字母小。行高没有帮助。

这是我的代码:

<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');
}

恐怕这种方法不够稳健。