Web フォントの読み込みを最適化する方法をご存知ですか?
|
タイトル通りです！ 一般的に使用される font-family はブラウザの組み込みフォントを読み込みますが、CSS3 の新しいタグ @font-face を使用して TTF フォントを読み込むと、生成されるトラフィックが非常に大きくなります。特に中国語フォントの場合。 最近はフォントも多様化しています。フォントをスムーズに読み込むにはどうすればいいでしょうか？ 今日、China Fonts http://font.chinaz.com/ からいくつかの中国語フォントをダウンロードし、ブログに貼り付けて読み込もうとしましたが、読み込みが非常に遅いことがわかりました。 中国語のTTFフォントは8M以上あります。読み込みと表示にはどれくらい時間がかかるのでしょうか？ それから、この中国語フォントのウェブサイトはどうやってこんなにたくさんのフォントをロードできるのかと思いました。フォントの中には画像もありますが、入力したフォントをプレビューする機能も提供されています。 解決策は何でしょうか?ご存知の方はご返信ください。 |
推薦する
CSS フレックスレイアウトのリストの最後の行を左揃えにする N 通りの方法 (要約)
張新旭氏の記事を引用して皆さんにシェアしたいと思います。 変更を加えたい場合は、対応する画像によって...
Linux ssh サーバーの構成コード例
LinuxホストにSSHサーバーをインストールするには、次のターミナルコマンドを使用します: sud...
Docker デプロイメント MySQL8 クラスター (マスター 1 台とスレーブ 2 台) の実装手順
目次1. CentOS 7.9 20にDockerをインストールする2. MySQL クラスターをデ...
Centos8環境でSSHポート番号を変更する方法
目次序文始める序文サーバーのデフォルトの SSH ポート番号は通常 22 であるため、ほとんどのユー...
CSS で中空マスク レイヤーを実装するサンプル コード
この記事の内容: ページ中空マスクレイヤー、ページ中空マスクガイドレイヤー、画像中空マスク通常のマス...
mysql5.6.zip形式の圧縮版インストールグラフィックチュートリアル
はじめに: MySQL は、スウェーデンの MySQL AB によって開発されたリレーショナル デー...
Nginx 7層負荷分散のいくつかのスケジューリングアルゴリズムの簡単な理解
この記事は主に、Nginx 7 層負荷分散のいくつかのスケジューリング アルゴリズムを紹介します。こ...
Vueの7つの値転送メソッドの詳細な説明
1. 父から息子へ子コンポーネントにpropsフィールドを定義し、その型は配列です (フィールド値の...
Linux のロード vmlinux デバッグ
gdb を使用してカーネル シンボルをロードする arm-eabi-gdb 出力/ターゲット/製品/...
Linux リモート開発に vs2019 を使用する方法
通常、Linux プログラムを開発する場合、次の 2 つのオプションがあります。 Linux上で直接...
Windows で MySQL 5.6 を 5.7 にアップグレードする方法
前面に書かれたMySQL をアップグレードする方法には、インプレース アップグレードと論理アップグレ...
MySQL がデュアルマスターで構成されている場合にデータループの競合を回避する方法
あなたはこの質問について考えたことがあるでしょうか?デュアルアクティブが構成されている場合、データル...
MySQLが日付フィールドインデックスを使用しない理由の要約
目次背景探検する要約する背景テーブルでは、dataTime フィールドは varchar 型に設定さ...
Dockerコンテナの中国語言語パックの設定の問題を解決する
Dockerでdocker search centosを使用する場合docker pull dock...
Linux システムでの vim プラグインのインストールの概要
目次vimプラグインマネージャーをインストールするプラグインデモを追加プラグインを削除するには: v...