Windows中的字体平滑
我在我的新网站上使用了一种叫做Gotham的字体。字体还没有准备好,所以我自己做了。它在我的Mac电脑上运行良好,在Chrome和Safari的Windows机器上也运行良好。但是IE和FireFox中的字体并不是平滑的 请参见随附的图像以了解差异。(我还不能发布图片,因为我是一个新注册用户,所以请查看以下链接以获取屏幕截图: 这就是它的设置方式。我想我做得不错,因为字体在所有浏览器中都会显示,只是渲染在所有Windows浏览器中都不是最优的Windows中的字体平滑,windows,fonts,smoothing,Windows,Fonts,Smoothing,我在我的新网站上使用了一种叫做Gotham的字体。字体还没有准备好,所以我自己做了。它在我的Mac电脑上运行良好,在Chrome和Safari的Windows机器上也运行良好。但是IE和FireFox中的字体并不是平滑的 请参见随附的图像以了解差异。(我还不能发布图片,因为我是一个新注册用户,所以请查看以下链接以获取屏幕截图: 这就是它的设置方式。我想我做得不错,因为字体在所有浏览器中都会显示,只是渲染在所有Windows浏览器中都不是最优的 @font-face { font-family:
@font-face {
font-family: 'gotham-light';
src: url('../fonts/gotham-light/gotham-light.eot');
src: url('../fonts/gotham-light/gotham-light.svg#gotham-light') format('svg'),
url('../fonts/gotham-light/gotham-light.woff') format('woff'),
url('../fonts/gotham-light/gotham-light.ttf') format('truetype'),
url('../fonts/gotham-light/gotham-light.svg#gotham-light') format('svg'),
url('../fonts/gotham-light/gotham-light.eot?#iefix') format('embedded-opentype');
}
有没有办法解决这个问题?可能是jQuery解决方案或其他什么?您是否包含了所有必要的字体类型?每个浏览器都识别不同的字体格式。如果您使用font Squirrel:等服务将字体转换为web上使用的字体,则应该为您提供每种字体类型以及一些CSS示例(如下所示)要插入。请确保在@font-face选择器中包含每种格式,以便在所有浏览器中优化字体:
@font-face {
font-family: 'gotham';
src: url('../font/gothamfont.eot');
src: url('../font/gothamfont.eot?#iefix') format('embedded-opentype'),
url('../font/gothamfont.svg') format('svg'),
url('../font/gothamfont.svg#gotham') format('svg'),
url('../font/gothamfont.woff') format('woff'),
url('../font/gothamfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
希望这有帮助!Gotham是一种很棒的字体:)
编辑:Windows在正确显示字体方面存在一些问题。我经常使用Mac OS和Windows,并注意到许多不一致之处。我认为你已经做了所有你能做的事情,没有主要浏览器的干预。祝你好运