0

我在网站上使用谷歌字体时遇到问题，问题仅在使用字体大小时才显示，有些字母更小或顶部被切断。谷歌字体网站上没有问题，但是，如果我尝试在我的服务器上使用它，我会看到它。

在屏幕截图中，您可以看到字母 П 和 Г 更小，然后是其他字母。行高没有帮助。

这是我的代码：

<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 不是。

在此先感谢，我非常感谢您的帮助。

4

3 回答 3

2

这是所使用字体的一个设计缺陷：它的设计并未适用于所有尺寸的不同字体渲染技术。某些尺寸的某些 Google 字体会出现此类问题（我观察到的上一个案例是 17px 尺寸的 Sansation 字体），它们可能与 Windows 上的字体渲染特别相关。

我不认为有任何快速的解决方案。谷歌字体应该在不同的环境中进行测试（尤其是在 Windows 上），如果某些字体和字体大小组合有问题，那就避免它——使用小 1 像素或大 1 像素应该会有所帮助。这强调了使用涵盖足够丰富的字符库（包括大写字母）的文本进行测试的必要性。

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

恐怕这种方法并不可靠。

于 2012-09-03T11:12:36.953 回答
2

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

例如我用过：

http://themes.googleusercontent.com/licensed/font?kit=DXI1ORHCpsQm3Vp6mXoaTb7uYOTH0fqwR2fK3MMTyiuruusgsetRaCmkKU2Of3BmMh8Htnga2sTO__4Bgy4aRUbOfyIL9KspCxN8ekvQQBzoq8GLqcC6GrPYOPNC3QDT) format('woff')
于 2012-10-30T16:22:51.953 回答
0

我看到的图像和我在 Windows 7 中的 Chrome 中看到的唯一区别是对齐方式。

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

于 2012-09-03T11:11:24.783 回答