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の作業もする。
掲載日: 2016-02-15
iPentec all rights reserverd.