Tters

ZHg625 スレ主 2023年04月

初歩的な質問ですみません。font-weightについて、font-familyを優先順に書いた場合に見る側の環境によって表示されるフォントが変わりますがそれに合わせたfont-weightを指定することはできないのでしょうか?500だったり600だったり。

hJpgMz 2023年04月

CSSだけでは不可能ですが、JS使えばなんとかなると思いますよ。
半角英数の場合と、全角日本語でフォントが違う場合とかはかなり面倒だと思いますけど。

f1k1ou 2023年04月

上の方に補足。
JS使うと、OS(Win/Mac/Android/iOS等)や、ブラウザ(Chrome/Edge/Firefox/Safari等)の情報を取れるので、それに合わせてCSSを指定してやれば良いかと。
がんばって、トライしてみてください。

ZHg625 スレ主 2023年04月

すみません、少し意味が違っていてfont-familyで游ゴ→Noto Sans JPの順で指定した場合、font-weightをそれぞれ指定できないかという意味です。
現在Safariでは機種依存では游ゴが表示されないのでNoto sans JPになりますが、その際にboldではなくNoto sans JPが綺麗に表示される値(Google Fontで読み込んでいる値)にできればいいなと考えておりまして。

f1k1ou 2023年04月

それなら、Safariの時だけ、bodyに"is-safari"みたいなタグをJSでつけてあげて、

.is-safari { font-family: /* あなたが指定したい内容 */ }

↑こう書けばOK

f1k1ou 2023年04月

ああ、ごめん、機種依存でってことはiOSのことかな?
だったら、SafariかつiOSの場合、って言うJSで.is-mobile-safariみたいなクラスをつけてあげればいいよ。

zxA75c 2023年04月

Win では游ゴシックはウェイト指定(Medium)までするのが普通なので、こんな感じでそれぞれの書体にウェイトまで指定してやりゃいいのでは。試してないけど。
ttps://qumeru.com/magazine/605

一部の投稿は、削除または非表示設定により表示されていません。
W3Q