CSS谷歌字体西里尔 - 一些字母被切断(css google fonts cyrillic - s

2019-10-17 04:47发布

我有一个问题,在使用谷歌网站的字体,该问题仅显示如果连字体大小时,一些字母更小或顶部切断。 目前在谷歌网站上的字体没有问题,不过,如果我尝试使用我的服务器上,我看到了。

在截图中,可以看到字母П和Г较小,那么其他。 LINE-HEIGHT于事无补。

这里是我的代码:

<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浏览器,字体大小:16px的是一个问题,但字体大小:知识+是没有的。

在此先感谢,我真的很感激你的帮助。

Answer 1:

这是在使用的字体设计缺陷:它没有被设计在所有大小不同的字体渲染技术工作。 这些问题出现在一些大小一些谷歌的字体(我观察前面的情况是知识+大小Sansation字体),他们可能具体涉及的字体呈现在Windows上。

我不认为有任何快速的解决方案。 谷歌的字体应该在不同的环境进行测试(尤其是在Windows上),如果某些字体和字体大小的组合被证明是有问题的,只是避免它,使用1px的更小或更大尺寸应该有所帮助。 这强调了与覆盖足够丰富的字符集(包括大写字母)的文本测试的需要。

更新:谷歌的Web字体的网站使用不同的字体文件,并用以下(从网站的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:

谷歌网页字体网站使用他们的系统,你下载一个不同的字体文件,因此,如果出现错误与GWF下载的字体,但在谷歌Web字体网站OK,你可以从谷歌的Web字体页面​​直接下载字体(使用Chrome开发者工具或Firebug的,以获得链接)。

比如我用:

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


Answer 3:

我的形象和我在Chrome中看到在Windows 7之间有什么看到的唯一区别是对齐。

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



文章来源: css google fonts cyrillic - some letters are cut off