当我使用fontface时,浏览器需要一些时间才能下载和渲染字体,直到那时显示浏览器默认字体.我试图将Arial作为fallbackfont和一般的HTML / BODY字体,但这不会改变问题.
有没有办法避免这种情况?
@font-face {
font-family: 'StrukturProBold';
src: url('fonts/strukturpro_bold_ubasic/StrukturPro-Bold-webfont.eot');
src: url('fonts/strukturpro_bold_ubasic/StrukturPro-Bold-webfont.eot?iefix') format('eot'),url('fonts/strukturpro_bold_ubasic/StrukturPro-Bold-webfont.woff') format('woff'),url('fonts/strukturpro_bold_ubasic/StrukturPro-Bold-webfont.ttf') format('truetype'),url('fonts/strukturpro_bold_ubasic/StrukturPro-Bold-webfont.svg#webfontpQgNQDw9') format('svg');
font-weight: normal;
font-style: normal;
}
body,html {
font-family: "StrukturProBold",Arial,Helvetica,FreeSans,sans-serif,"open-serif",open-serif;
}
h1 {
font-family: "StrukturProBold",open-serif;
}
最佳答案
除非访问者在其系统上安装了专业字体,否则浏览器必须像下载图像文件或链接样式表或.js文件一样下载.
通过阅读上面的评论,您可能已经尽力而为.
StrukturProBold只是一个简单的无衬线字体.
你可以扩展你的二级字体选择列表,可能Arial和Helvetica不像Verdana或Trebuchet那样好.
font-family: "StrukturProBold",Trebuchet,Verdana,sans-serif;
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。