Webkit @font-face 无法正常工作
fonts.css
:
@font-face {
font-family: 'ubuntu';
src: url('../fonts/Ubuntu-Regular.ttf') format('truetype');
}
@font-face {
font-family: 'ubuntu-bold';
src: url('../fonts/Ubuntu-Bold.ttf') format('truetype');
}
@font-face {
font-family: 'ubuntu-medium';
src: url('../fonts/Ubuntu-Medium.ttf') format('truetype');
}
@font-face {
font-family: 'ubuntu-mediumitalic';
src: url('../fonts/Ubuntu-MediumItalic.ttf') format('truetype');
}
元素获得了正确的 font-family
属性,但样式混乱。例如,ubuntu-medium
显示为常规粗细字体,ubuntu-bold
显示为中等粗细字体。我尝试在元素级别和@font-face 中设置 font-weight 属性,但没有成功。在 Chrome 或 Firefox 中正常工作。有办法解决这个问题吗?
fonts.css
:
@font-face {
font-family: 'ubuntu';
src: url('../fonts/Ubuntu-Regular.ttf') format('truetype');
}
@font-face {
font-family: 'ubuntu-bold';
src: url('../fonts/Ubuntu-Bold.ttf') format('truetype');
}
@font-face {
font-family: 'ubuntu-medium';
src: url('../fonts/Ubuntu-Medium.ttf') format('truetype');
}
@font-face {
font-family: 'ubuntu-mediumitalic';
src: url('../fonts/Ubuntu-MediumItalic.ttf') format('truetype');
}
The elements get the correct font-family
attribute, however the styles are messed up. For example ubuntu-medium
gets displayed as regular weight, and ubuntu-bold
gets displayed with medium weight fonts. I tried to set the font-weight
property at element level and in @font-face
too, but it did not bring success. Works properly in Chrome or Firefox. Is there a way to fix this?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
找到一篇关于此问题的文章:WEBKIT (SAFARI 3.1) AND THE CSS @FONT-FACE DECLARATION
found an article on this issue: WEBKIT (SAFARI 3.1) AND THE CSS @FONT-FACE DECLARATION