Web フォントの読み込みを最適化する方法をご存知ですか?

Web フォントの読み込みを最適化する方法をご存知ですか?
タイトル通りです!

一般的に使用される font-family はブラウザの組み込みフォントを読み込みますが、CSS3 の新しいタグ @font-face を使用して TTF フォントを読み込むと、生成されるトラフィックが非常に大きくなります。特に中国語フォントの場合。

最近はフォントも多様化しています。フォントをスムーズに読み込むにはどうすればいいでしょうか?

今日、China Fonts http://font.chinaz.com/ からいくつかの中国語フォントをダウンロードし、ブログに貼り付けて読み込もうとしましたが、読み込みが非常に遅いことがわかりました。

中国語のTTFフォントは8M以上あります。読み込みと表示にはどれくらい時間がかかるのでしょうか?

それから、この中国語フォントのウェブサイトはどうやってこんなにたくさんのフォントをロードできるのかと思いました。フォントの中には画像もありますが、入力したフォントをプレビューする機能も提供されています。

解決策は何でしょうか?ご存知の方はご返信ください。

<<:  MySQLの使い方の詳細な説明

>>:  Angularの親子コンポーネント通信の詳細な説明

推薦する

MySQL無料インストール版のパスワード設定に関する詳細なチュートリアル

方法1: SET PASSWORDコマンドを使用する MySQL -u ルート mysql> ...

MySQL 5.7 でブロックポジショニング DDL の問題を解決する

前回の記事「MySQL テーブル構造の変更、メタデータ ロックを知っておく必要があります」では、MD...

jQuery は呼吸カルーセルを実装します

この記事では、ブレッシングカルーセルを実装するためのjQueryの具体的なコードを参考までに共有しま...

Docker での Jenkins と Docker を使用した継続的デリバリー

1. 継続的デリバリーとは何かソフトウェア製品の出力プロセスは、ソフトウェアがいつでもリリースできる...

VueプロジェクトにPWAを導入する手順

目次1. 依存関係をインストールする2. vue.config.js ファイルで pwa を設定しま...

Node-Redを使用してMySQLデータベースに接続する方法

Node-red をデータベース (mysql) に接続するには、まずコンピューターに MySQL ...

MySQL の遅いクエリ操作の例の分析 [有効化、テスト、確認など]

この記事では、MySQL のスロー クエリ操作について例を挙げて説明します。ご参考までに、詳細は以下...

win2008 で mysql8.0.11 を mysql8.0.17 にアップグレードする詳細な手順

アップグレードの背景: MySQLの下位バージョンの脆弱性を解決するために、MySQLはMySQL ...

MySQL データベースの基礎: 基本コマンドの概要

目次1. ヘルプ情報を使用する2. データベースの作成、削除、表示3. データベースに接続する4. ...

CSS 8 目を引く HOVER 効果のサンプル コード

1. エフェクトHTMLを送信する <div id="送信ボタン">...

Vue は PDF ファイルのオンライン プレビューを実装します (pdf.js/iframe/embed を使用)

序文現在、私はコースウェア PPT のオンライン プレビューを必要とする高品質のコースに取り組んでい...

MySQLのパフォーマンスが突然低下する理由

場合によっては、SQL ステートメントが通常どおり、非常に速く実行される状況に遭遇することがあります...

Linux サーバー上のローカル静的リソースにアクセスするために nginx を使用する方法

1. ポート 80 が占有されているかどうかを確認します。通常、ポート 80 は Apache サー...

Tomcat でタイムアウトしたセッションを監視および削除する方法

序文偶然、30 分の Tomcat セッション時間は、セッションが作成された後、30 分間のみ有効で...

Linux には make コマンドがありません (make: *** ターゲットが指定されておらず、makefile または make コマンドのインストール方法が見つかりません)

知らせ! ! !この状況は、実際には仮想マシンのインストール中に回避できます。次回仮想マシンをテスト...