使用自定义字体家族没有负载影响的最佳方式？

我已经添加了自己的自定义字体，并使用下面的代码来获取要显示的自定义字体系列，但是，似乎存在一个问题，因为页面正在加载该字体，因此开始时会以网页标准字体开始，然后很快更新了我添加的自定义字体。使用自定义字体家族没有负载影响的最佳方式？

<style type="text/css"> 
@font-face{ 
font-family:linto; 
src:url(achafsex/Achafexp.eot); 
} 
@font-face{ 
font-family:linto; 
src:url(achafsex/Achafexp.ttf); 
} 
div{ 
font-family:linto; 
font-size:100px; 
width:500px; 
} 
</style>

是否有更好的代码来做到这一点，以便与网页进行自定义字体加载瞬间，不会有明显的变化效果？

来源

2012-04-23 Paul

在这样的场景中 - 我通常会使用一个“cover”div，它是@最高的Z-index，然后一旦页面完成加载，我将删除它，显示页面。诀窍是找出轮询最终用户以完成组件下载的好方法。祝你好运！

来源

2012-04-23 21:26:49

试试。

@font-face { 
font-family: 'linto'; 
src: url('linto.eot'); /* IE9 Compat Modes */ 
src: url('linto.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
    url('linto.woff') format('woff'), /* Modern Browsers */ 
    url('linto.ttf') format('truetype'), /* Safari, Android, iOS */ 
    url('linto.svg#svgFontName') format('svg'); /* Legacy iOS */ 
}

然后，当你指定它，尝试使用：

div { 
font-family: 'linto', Fallback, sans-serif; 
}

我看到的唯一问题，就是从body字体它的第一个加载第一，然后再加载你的fontface。

尝试使用： body { font-family: 'linto', Fallback, sans-serif; }，首先看看这是否解决了您的加载问题，我不同意在一张纸上有多个样式。

http://css-tricks.com/snippets/css/using-font-face/

来源

2012-04-23 21:46:00

使用自定义字体家族没有负载影响的最佳方式？

回答

相关问题