Fit Text機能の紹介

Fit Text（https://www.framer.com/academy/lessons/fit-text）を紹介します。これは、テキストがスケールしてフィットするようにデザインできる新機能です。ブラウザや任意のセクションに合わせてサイズが変わる大胆なヘッダーをデザインできます。Text Layerを作成し、Sizeプロパティで**Fit**を設定するだけです。複数行のテキストにもFit Textを使用でき、行を分けたい場所でEnterキーを押すことで作成できます。最小および最大フォントサイズは、Min WidthとMax Widthプロパティを使用して定義できます。これはText Layer自体や任意の親レイヤーで設定可能です。何より、この機能はサイトを高速に保ちます。Framerは、JavaScriptがウェブサイトで実行される前に、適切なサイズでタイポグラフィをレンダリングできます。リフレッシュ時のフラッシュやリサイズ時の高コストな計算はありません。きっと気に入っていただけると思います。Fit Textのデモはこちらでご覧いただけます（https://fit-text.framer.wiki/）。お楽しみください。

Fit Text demo here

追加

• 任意のText Layerでサイズを自動に設定

• 最小幅と最大幅で範囲を作成

• 改行で複数行を作成

• 任意のカスタムWebフォントと互換性あり

• アイコンフォントと絵文字フォントと互換性あり

• スムーズでパフォーマンスの高いリサイズ

高品質でSEOに強いホームページを最速で始める