-
W3Q
-
- 読み込み中...
ZHg6252023年4月28日初歩的な質問ですみません。font-weightについて、font-familyを優先順に書いた場合に見る側の環境によって表示されるフォントが変わりますがそれに合わせたfont-weightを指定することはできないのでしょうか?500だったり600だったり。 -
返信の受付は終了いたしました。
-
-
- 読み込み中...
CSSだけでは不可能ですが、JS使えばなんとかなると思いますよ。
半角英数の場合と、全角日本語でフォントが違う場合とかはかなり面倒だと思いますけど。 -
-
-
- 読み込み中...
上の方に補足。
JS使うと、OS(Win/Mac/Android/iOS等)や、ブラウザ(Chrome/Edge/Firefox/Safari等)の情報を取れるので、それに合わせてCSSを指定してやれば良いかと。
がんばって、トライしてみてください。 -
-
-
- 読み込み中...
すみません、少し意味が違っていてfont-familyで游ゴ→Noto Sans JPの順で指定した場合、font-weightをそれぞれ指定できないかという意味です。
現在Safariでは機種依存では游ゴが表示されないのでNoto sans JPになりますが、その際にboldではなくNoto sans JPが綺麗に表示される値(Google Fontで読み込んでいる値)にできればいいなと考えておりまして。 -
-
-
- 読み込み中...
それなら、Safariの時だけ、bodyに"is-safari"みたいなタグをJSでつけてあげて、
.is-safari { font-family: /* あなたが指定したい内容 */ }
↑こう書けばOK -
-
-
- 読み込み中...
Win では游ゴシックはウェイト指定(Medium)までするのが普通なので、こんな感じでそれぞれの書体にウェイトまで指定してやりゃいいのでは。試してないけど。
ttps://qumeru.com/magazine/605 -
-
-
- 読み込み中...
ああ、ごめん、機種依存でってことはiOSのことかな?
だったら、SafariかつiOSの場合、って言うJSで.is-mobile-safariみたいなクラスをつけてあげればいいよ。 -