源ノ角ゴシック、源ノ明朝 フォント (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の作業もする。
最終更新日: 2023-03-14
作成日: 2022-05-06
iPentec all rights reserverd.