我有两种不同的字体样式,Light和Regular在Mac OS X Chrome 35和Android chrome上正确呈现,但在Windows 7 Chrome 35上无法正确呈现。
以下是字体渲染外观的示例:
问题是我的字体文件只加载了一个。 mp-light.woff
也应加载在下图中。
这是我的SASS代码的样子。
@font-face
font-family: 'Myriad Pro Light'
font-style: normal
font-weight: normal
src: local("Myriad Pro Light"), url('mp-light.woff') format("woff"), url('mp-light.otf') format('opentype')
@font-face
font-family: 'Myriad Pro Regular'
font-style: normal
font-weight: normal
src: local("Myriad Pro Regular"), url('mp-regular.woff') format("woff")
我也尝试使用otf
字体也无法加载。
答案 0 :(得分:0)
我正在更新我的字体服务器,因为我在found that the Google Fonts API serves a different WOFF file to Chrome/Windows than it does to Chrome/OSX时正在浏览一些在线文章。 Windows和OSX使用不同类型的渲染引擎。我假设Google字体提供不同的字体文件来弥补差异。