ヒラギノ角ゴシックProNよりも少し細いフォントを使用したい

Question

ヒラギノ角ゴシックProNよりも、少し細い字体のフォントを指定したいと考えています。
以下は、AdobeXDで出した.AppleSystemUIFontになりますが、以下のようなフォントをどのOSでも適用させる形で指定したいです。

現在指定している、フォントは下記になります。

 body{
     font-family:"Hiragino Kaku Gothic ProN",sans-serif;
  }

どなたか、ご助言頂けましたら幸いです。

Answer 1

以下のようなフォントをどのOSでも適用させる形で指定したいです。

でしたら、Webフォントを使うよりありません。OSや環境によって、存在するフォントは異なります。

欧文についてはGoogle Fontsなどでフリー利用できるものも多いですが、日本語はなかなか数が少ない上に容量も重いので使いづらいです。

Comments

[study_111]

>欧文についてはGoogle Fontsなどでフリー利用できるものも多いですが、日本語はなかなか数が少ない上に容量も重いので使いづらいです
調べていた際にも、「容量が重い」というの結構目にしましたね。
どうするか、もう少し調べ検討してみたいと思います。

[kuma_kuma_]

https://b-risk.jp/blog/2020/06/webfont/#link05
一応フォントファイル自体を軽くする方法もあります。

Answer 2

ヒラギノ角ゴ ProN W3

こちらを見ると

• ヒラギノ角ゴ StdN W0
• ヒラギノ角ゴ StdN W1
• ヒラギノ角ゴ StdN W2

とありますが
font-family 「使用するフォントの指定」
こちらを参考に指定しただけたらと思います。

※「ヒラギノ角ゴ」はwindows標準でインストールされていないフォントですが...

Comments

[study_111]

ご回答ありがとうございます。
例えばなのですが、fontに「ヒラギノ角ゴ StdN W1」を指定したかった場合は、「font-family : Hiragino Kaku Gothic Std-w1」と指定すれば良いということになりますでしょうか？

[kuma_kuma_]

すみませんこちらでテストする環境がないので正確な答えではないですが
font-family:"Hiragino Kaku Gothic StdN","ヒラギノ角ゴ StdN"
を指定して
font-weight: 100;
(ノーマルが400)にすれば「ヒラギノ角ゴ StdN W1」が適応されるはずです。

[study_111]

ご返信ありがとうございます。
ご提示頂いた方法で、試してみたいと思います。