Appleの「San Francisco」フォントで様々なスタイルセットを利用する方法。

SF-San-Francisco-logo-icon-14022642d03d7789caa5bc026c9d944fb79630e9

 AppleのSan Franciscoフォントには様々なスタイルセットが用意されているそうです。詳細は以下から。

 AppleはWWDC 2015で新しい”San Francisco フォント”[1, 2](以下、SFフォント)を発表し、OS X 10.11 El CapitanやApple Watch(watchOS)のシステムフォントに採用しましたが、その後何度かのアップデートを繰り返し、現在では”Vertically centered colon”など幾つかのスタイルセットをフォントパネルで扱うことが出来るようになっているそうです。

San Franciscoフォントのコロン

Introducing the New System Fonts
Fonts lay at the intersection of design and engineering. Get introduced to typographic principles and how they apply to the San Francisco fonts. Hear what makes this family of fonts unique and how to effectively take advantage of their advanced features. Learn best practices when designing and implementing interfaces with text.

Introducing the New System Fonts – WWDC 2015 – Videos – Apple Developer

 AppleでAppKitの開発を担当しているJeff Nadeauさんの一連のツイートによると、現在SFフォントの代替スタイルセットには複数スタイルがあり、最新のSF Pro フォントをインストールすることで以下の様な5つのスタイルへ変更することが出来ます。

San Franciscoフォントのインストール

Straight-side six and nine

数字”6″と”9″を真っ直ぐなスタイルへ。

Straight-side six and nine

Open four

数字”4″の上部を開いたスタイル。

San FranciscoのOpen 4

Vertically centered colon

コロンの縦位置を中央へ。(文字内のコロンは常に中央)

San FranciscoのVertically centered colonオプション

High legibility

小文字の”L(l)”や大文字の”I(i)”、小文字の”a”や数字の”4″,”6″,”9″,”0″を認識しやすく。

San FranciscoのHigh legibility

One storey a

1画(一筆書き)の”a”か2画の”a”か。

San FranciscoフォントのOne storey a

おまけ

 タイポグラフィパネルはmacOSのフォントパネルから[設定アイコン(⚙)] → [タイポグラフィ]という以下の様な手順で表示するだけなので、San Franciscoを利用されている方はチェックしてみて下さい。

  • Fonts – Apple Developer
  • このエントリーをはてなブックマークに追加

関連記事

話題をチェック

  1. 600x601x20170822nana.jpg.pagespeed.ic.u5ed1iTQeL-e5b3de5c391c8e3805df72a8cdb3da051ece71fa

    ANA、機内食総選挙2017の結果発表 和食は牛すきやき丼、洋食はビーフシチューとオムライス

    Sponsored link  機上ӗ…
  2. MIT-Instant-Retouch-TA-12db540ca97a6020f2db78ca5b27647ac89d2f28

    機械学習を用いれば、写真が「撮影する前」からプロ仕様の美しさに──グーグルとMITがアルゴリズムを開発

    NEWS 2017.08.22 TUE 08:00マサチ&…
  3. GettyImages-496380034-e1503241697905-b18cea347ee2933a806af5a4adfa2f3d9569add1

    「世界共通のインターネット」を巡る、グーグルとカナダ最高裁との闘い

    NEWS 2017.08.21 MON 07:00カナダ&…
ページ上部へ戻る