amp-fit-text
指定されたスペース内のコンテンツに合わせてフォントサイズを拡大または縮小します。
プラグインの読み込み
amp-fit-textを使用する場合は別途プラグインの読み込みが必要です。
amp.jsの後にでも読み込ませましょう。
<script async custom-element="amp-fit-text" src="https://cdn.ampproject.org/v0/amp-fit-text-0.1.js"></script>
基本構文と動作
どんな書き方でどんな動きすんのかを。まず簡単なものを。
<amp-fit-text width="300" height="200" layout="responsive" max-font-size="52"> Lorem ipsum dolor sit amet, has nisl nihil convenire et, vim at aeque inermis reprehendunt. </amp-fit-text>
各種プロパティについて
min-font-size | 最小フォントサイズを指定します。 |
---|---|
data-poster | 最大フォントサイズ |