Apple San Francisco フォントのダウンロードとインストール
Apple San Francisco フォントのダウンロードとインストールについて紹介します。
概要
Macの画面デザインやモック画像を作成する場合にMac OS X のシステムフォントである、San Francisco フォントを利用できます。
ダウンロード
https://developer.apple.com/fonts/
からダウンロードできますが、新しいWebページではダウンロード形式がdmgファイルとなり、dmgファイルを展開するとインストーラーが起動する仕組みのため、Macでのみ利用可能です。
https://developer.apple.com/fonts/にアクセスします。下図のページが表示されます。
ページを下にスクロールすると[Fonts]セクションにフォントのダウンロードボタンがあります。4つのフォント(San Francisco Pro, San Francisco Compact, San Francisco Mono, New York)がダウンロードできます。
ボタンをクリックすると、ダウンロード許可ダイアログが表示されます。右下の[許可]ボタンをクリックします。
dmg形式のフォントのインストーラーがダウンロードできます。
"SF-Font-Pro.dmg"のファイルをダブルクリックします。ディスクイメージのマウントが実行され、下図のインストーラーが起動します。ウィンドウ中央の[San Francisco Pro.pkg]のアイコンをクリックします。
[SF Pro Fontsのインストール]ウィンドウが表示され下図のウェルカム画面が表示されます。ウィンドウ右下の[続ける]ボタンをクリックします。
使用許諾契約画面が表示されます。ウィンドウ右下の[続ける]ボタンをクリックします。
[このソフトウェアのインストールを続けるには、ソフトウェアの使用許諾契約の条件に同意する必要があります。]のダイアログが表示されます。ダイアログ右下の[同意する]ボタンをクリックします。
インストール先の設定画面が表示されます。今回はデフォルトのままとします。ウィンドウ右下の[インストール]ボタンをクリックします。
管理者アカウントでの認証が求められます。管理者アカウントのパスワードを入力します。[ソフトウェアをインストール]のボタンをクリックします。
インストールが始まります。
インストールが完了すると下図の"Finished"の画面が表示されます。[閉じる]ボタンをクリックしてインストーラーを終了します。
インストール後、インストーラー (ダウンロードしたdmgファイル)をごみ箱に入れるかの確認があります。
以上でSan Francisco Proのフォントのインストールができました。
他のフォントも同様の手順でインストールできます。
フォントの確認
インストールされたフォントを確認します。Finderで[Macintosh HD](ディスクドライブ)を開きます。[ライブラリ]フォルダをダブルクリックします。
ライブラリフォルダ内の[Fonts]フォルダをダブルクリックします。
Fontsフォルダ内に、先ほどインストールした"SF-Pro"フォントファミリーのフォントが配置されています。フォントの形式はOpenTypeフォントであることがわかります。
ダウンロード (以前のWerbページ)
https://developer.apple.com/fonts/
からダウンロードできます。
上記サイトにアクセスします。
ページの下部にダウンロードセクションがあります。[San Francisco Fonts]リンク、または[San Francisco Compact Fonts]のリンクをクリックします。
Lisence Agreement 画面が表示されます。
画面下部の[I have read, understood, and agree to the Apple San Francisco Font License Agreement.]チェックボックスにチェックをつけます。チェック後[Agree and Download]ボタンをクリックします。
Apple Developer の印象画面が表示されます。Apple Developer Programに加入している Apple IDとパスワードを入力し、[Sign In]ボタンをクリックします。
認証ができると、フォントのZIPファイルがダウンロードされます。
補足
Apple Developer Programに参加していない、Apple IDを入力した場合は、下図のApple Developer Programの参加登録画面が表示されます。
フォントファイル
ダウンロードしたZIPファイルを展開します。
こちらはSan Francisco Font.
こちらはSan Francisco Compact Font.
フォントファイルをWindowsのフォントフォルダー(C:\Windows\Fonts)にドラッグ&ドロップしてコピーするとフォントをインストールできます。
著者
iPentecのメインデザイナー
Webページ、Webクリエイティブのデザインを担当。PhotoshopやIllustratorの作業もする。