July 7, 2014 23:40:31
Google Web Fontsを使用すると、フォントをアップロードせずに、一般的に使用される「Arial」、「Verdana」などのフォント以外のフォントをブログに表示できます。ご存知のとおり、Web サイトの読みやすさはそのデザインと外観によって決まります。フォントは Web デザインにおいて最も重要な役割を果たしており、Web サイトのテンプレートにどのような種類のフォントを使用するかが重要です。たとえば、Arial/Helvetica (サンセリフ)、Verdana、Georgia は Web デザインによく使用されるフォントです。これらのフォントは読みやすさを提供しますが、新しいフォントを使用したい場合は、ビューアのネットワーク デバイスにこれらのフォントがインストールされていることを確認するだけで済みます。これを判断するのは困難です。したがって、フォントを自分でサーバーにアップロードし、CSS を通じて制御する必要があります。しかし、現在は、より優れた無料ツールがあり、それが Google Web Fonts です。 Google Web Fonts サービスを使用する前に、まず次の 2 つの点を理解してください。 1. フォントを選択しすぎると、ブログの読み込み速度が遅くなります。使用する必要があるものを選択するだけです。アクセス速度の低下を避けるため。 2. 必要な言語のみを選択できれば、Web ページの速度が遅くなるのを防ぐことができます。 3. 現在、Google Web Fonts のインターフェースとプレビュー言語は英語ではありません (中国語の使用は妨げられません)。 Google Web フォントでは、Serif、Sans-Serif、Display、Handwriting などのさまざまな Web フォントを視覚的に表示でき、スクリプト表示フォント、幅、傾き、太さなどの特定のプロパティを参照することもできます。これらすべてのプロパティはサイド ペインに表示できます。希望のフォントを選択すると、単語、文章、段落など全体的なスタイルを視覚的にプレビューすることもできます。ここでは、Google Web Fonts をより速く、より効果的に使用するのに役立つ簡単なチュートリアルを示します。 1. [Google Web Fonts] をクリックして Google Font サービスに入り、必要なフォントを選択して、右下隅にある [コレクションに追加] ボタンをクリックします。 , ここでは、このチュートリアル全体を通じてサンプル フォントとして「Alike」フォントを選択しました。 2. 「コレクションに追加」をクリックすると、ページの下部に「コレクションに 1 つのフォントファミリーが含まれています」のようなメッセージが表示され、「選択」、「レビュー」、「使用」の 3 つのボタンがあります。 ここでは「使用する」を選択します。つまり、使用します。 3. フォントの設定も必要です。太字、斜体などの利用可能なスタイルから選択します。ただし、特定のフォントに限ります。次に、特定の言語の文字を選択します。コードを生成します。 4. 次にコード部ですが、Google Fontsでは標準モード「Standard（外部スタイルシート）」、エクスポートモード「@importメソッド」、JSモード「JavaScript」の3つのアプリケーションコードが提供されています。必要に応じて、このモードが必要になりますが、ここでは標準モードを選択することをお勧めします。
まず、背景テンプレートの設定でオフになっているかどうかを確認してください。
そうでない場合は、通常、テンプレート ファイル INDEX.PHP に Google Fonts へのリンクがあります。直接コメント可能です。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
