源ノ角ゴシック、源ノ明朝 フォント (Source Han Sans, Source Han Serif) をダウンロードする
源ノ角ゴシック、源ノ明朝 フォント (Source Han Sans, Source Han Serif) をダウンロードする手順を紹介します。
手順:Adobe Fontからダウンロードする
Adobe Fontからダウンロードする方法です。Adobe アカウントが必要ですが、手軽にダウンロードできます。
Adpbe FontのWebサイト(
https://fonts.adobe.com/)で "源ノ"で検索すると、源ノ角ゴシック、源ノ明朝の一覧が表示されます。
源ノ角ゴシックには、日本語の文字のみが収録された「源ノ角ゴシック」と東アジア言語用の自体も収録された「源ノ角ゴシック CJK」の2種類があります。
今回は「源ノ角ゴシック」を利用します。検索結果の項目をクリックするか、URL(
https://fonts.adobe.com/fonts/source-han-sans-japanese)を入力して、源ノ角ゴシックのページを表示します。
ページの右上に[7個のフォントをアクティベート]のスイッチがあります。クリックしてスイッチをオンにすると、すべてのウェイトのフォントをダウンロードしてインストールできます。
スイッチをクリックすると、Adobe IDのログイン画面が表示されます。Adobe IDを入力してログインします。
ログインすると、フォントのダウンロードとインストールが実行されます。完了すると下図の[フォントのアクティベーションが完了しました。]のダイアログが表示されます。
[OK]ボタンをクリックしてダイアログを閉じます。
源ノ角ゴシックの詳細ページに戻るとスイッチがオンの状態に変わっています。フォントのインストールができました。
源ノ明朝も同様の手順でインストールできます。
手順:GitHubからダウンロードする
フォントファイルを入手したい場合や、Variable Fontを利用したい場合にはGitHubからダウンロードする方法があります。
源ノ角ゴシック
Webブラウザで、GitHubの源ノ角ゴシック(Source Han Sans)のページ(
https://github.com/adobe-fonts/source-han-sans)を開きます。
ページの下部に説明が記載されています。[ownload the fonts...]セクションの[Latest release]のリンクをクリックします。
リリースページに切り替わります。
ページの下にダウンロードのリンクがあります。今回は Varibleフォントをダウンロードします。Variable OTCs セクションのOTFのリンクをクリックします。
なお、HWは(Half Width)の略で等幅でアルファベットが半角幅のフォントになります。
Variable FontのOTFファイルがダウンロードできました。
フォントのインストールは
こちらの記事を参照してください。
源ノ明朝
源ノ明朝の場合も同様です。源ノ明朝(Source Han Serif)のページ(
https://github.com/adobe-fonts/source-han-serif)を開きます。
ページの下部に説明が記載されています。[ownload the fonts...]セクションの[Latest release]のリンクをクリックします。
リリースページに切り替わります。
ページの下にダウンロードのリンクがあります。今回は Varibleフォントをダウンロードします。Variable OTCs セクションのOTFのリンクをクリックします。
Variable FontのOTFファイルがダウンロードできました。
フォントのインストールは
こちらの記事を参照してください。
なお、Variable Fontの場合はインストールすると、[源ノ角ゴシック VF] [源ノ角ゴシック HW VF] [源ノ明朝 VF] の名称になります。
著者
iPentecのメインデザイナー
Webページ、Webクリエイティブのデザインを担当。PhotoshopやIllustratorの作業もする。