0

独自のカスタム フォントを追加し、以下のコードを使用してカスタム フォント ファミリを表示しましたが、ページの読み込み中にフォントが 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>

カスタム フォントがページと共に即座に読み込まれ、明らかな変更効果がないように、これを行うためのより良いコードはありますか?

4

2 に答える 2

1

試す。

@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フォントから最初にロードしてから、フォントフェイスをロードすることです。

を使用してみてください: body { font-family: 'linto', Fallback, sans-serif; }、最初にこれで負荷の問題が解決するかどうかを確認してください。1 つのシートに複数のスタイルを含めることに同意しません。

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

于 2012-04-23T21:46:00.447 に答える
0

このようなシナリオでは、通常、Z インデックスが最も高い「カバー」div を使用し、ページの読み込みが完了したら、それを削除してページを表示します。その秘訣は、コンポーネントのダウンロードの完了についてエンド ユーザーをポーリングする良い方法を見つけ出すことです。幸運を！

于 2012-04-23T21:26:49.933 に答える