Apple 発表 WWDC 2022 でのサンフランシスコ システム フォントの拡張バージョン。その後、先月、Jim Nielsen がフォントのバリエーションに焦点を合わせました。 説明 に基づいて、フォントがさまざまなバリエーションをどのように提供するか 幅 & 重量. あなたがそれをチェックしていないなら、それは驚くべき読み物です。
これらすべての優れた新しいオプションを使用すると、それらを Web デザインで使用したくなるかもしれません。 クリスは 拡張されたセットにも目を凝らす 彼の個人的なブログで、次のように考えました。
しかし、CSS の圧縮、圧縮、拡張されたバリエーションをどのように利用できるか、あるいはそれを許可する計画があるかどうかは明確ではありません。 最終的には Apple.com をのぞき見して、彼らがそこで使い始めたらどうするか見てみようと思います。
バリアブル フォントとして構築し、キット全体と kaboodle をそのように出荷することは、まったく理にかなっていると思いませんか?
そうです。 それは完全に理にかなっています。 クリスはフォローアップします 新しい投稿:
しかし、ちょうど昨日、私は偶然にその事実に出くわしました 組み込みの San Francisco フォント (組み込みの Apple デバイス上) は、既に変数 (!!) になっています。 ほら、私は Roboto Flex でおしゃべり、そして持っていた
system-ui
フォールバック フォントとして、FOUT 中に、font-variation-settings
私が使用していたフォールバック フォントは、Mac では San Francisco としてレンダリングされます。 これは…私が馬鹿でない限り…サンフランシスコが可変フォントであることを意味します。
では、使い方は? もちろん、クリスはデモを持っています:
これらすべてに落とし穴がいくつかありますが、最も重要なのは Apple 以外のデバイスのフォールバックです。 結局のところ、そのデモは単に呼び出しているだけです system-ui
フォント ファミリについては、ブラウザーにフォント ファイルなどをダウンロードするように指示するものではなく、実際のカスタム Web フォントとして提供できる可変フォント ファイルを Apple が出荷するかどうかは誰にもわかりません。
他の興味深いことは? Chris はいくつかの調査を行い、そのシステム フォントに含まれる 35 のレイアウト機能を数えました。 行け 投稿の残りを読む それらすべてを見るために(そして、古き良き時代のクリスイズムを手に入れるために—私はそれらが恋しいことを知っています!)。