当我使用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;
}
最佳答案
原文链接:https://www.f2er.com/css/427423.html