Accelerated Mobile Pages(AMP)を使用した web フォントの使用

最終更新日 : 2022年11月16日

CSS 埋め込みコードを使用すると、カスタム web フォントを Accelerated Mobile Pages(AMP)に含めることができます。

使用するフォントの選択

Web フォントのチュートリアルに従って、使用するフォントを選択し、プロジェクトを作成します。

埋め込みコードの追加

プロジェクトの埋め込みコードを確認するには、web プロジェクトページに移動して、プロジェクト名を探します。 そのプロジェクトの埋め込みコードを AMP HTML の <head> にコピー&ペーストします。

AMP で使用されるデフォルトの CSS 埋め込みコード

CSS でのフォントの適用

テキストにスタイルを適用するために CSS 内で使用するフォントファミリー名は、web プロジェクトでも表示されます。CSS でのフォントの使用に関する説明を参照してください。