我有一个问题,在使用谷歌网站的字体,该问题仅显示如果连字体大小时,一些字母更小或顶部切断。 目前在谷歌网站上的字体没有问题,不过,如果我尝试使用我的服务器上,我看到了。
在截图中,可以看到字母П和Г较小,那么其他。 LINE-HEIGHT于事无补。
这里是我的代码:
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300,700&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的是一个问题,但字体大小:知识+是没有的。
在此先感谢,我真的很感激你的帮助。
这是在使用的字体设计缺陷:它没有被设计在所有大小不同的字体渲染技术工作。 这些问题出现在一些大小一些谷歌的字体(我观察前面的情况是知识+大小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');
}
恐怕这样的做法是不稳健。
谷歌网页字体网站使用他们的系统,你下载一个不同的字体文件,因此,如果出现错误与GWF下载的字体,但在谷歌Web字体网站OK,你可以从谷歌的Web字体页面直接下载字体(使用Chrome开发者工具或Firebug的,以获得链接)。
比如我用:
http://themes.googleusercontent.com/licensed/font?kit=DXI1ORHCpsQm3Vp6mXoaTb7uYOTH0fqwR2fK3MMTyiuruusgsetRaCmkKU2Of3BmMh8Htnga2sTO__4Bgy4aRUbOfyIL9KspCxN8ekvQQBzoq8GLqcC6GrPYOPNC3QDT) format('woff')
我的形象和我在Chrome中看到在Windows 7之间有什么看到的唯一区别是对齐。
这就是因为此建议,可以解决一个问题的操作系统, http://www.icavia.com/2010/09/solving-font-face-alignment-issues/