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

使用するフォントの選択

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

埋め込みコードの追加

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

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

CSS でのフォントの適用

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

 

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー