Css 使用自定义字体族而不产生加载效果的最佳方法？

我已经添加了我自己的自定义字体，并使用下面的代码来显示自定义字体系列，但是，似乎存在一个问题，即当页面加载时，字体从web标准字体开始，然后快速更新到我添加的自定义字体

<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>

@字体{
字体系列：linto；
src:url（achafsex/Achafexp.eot）；
}
@字体{
字体系列：linto；
src:url（achafsex/Achafexp.ttf）；
}
div{
字体系列：linto；
字体大小：100px；
宽度：500px；
}

---

有没有更好的代码可以做到这一点，以便自定义字体随页面立即加载，并且不会产生明显的更改效果？

在这种情况下，我通常会使用一个“cover”div，它是@最高的Z索引，然后一旦页面完成加载，我会将其删除，显示页面。诀窍在于找到一种轮询最终用户完成组件下载的好方法。祝你好运

试试看

@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;
 }

我所看到的唯一问题是，它首先从

主体

字体加载，然后加载您的字体

尝试使用：

正文{
字体系列：“linto”，回退，无衬线；
}

，首先看看这是否解决了您的加载问题，我不同意在一张图纸上有多种样式