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

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

    ↑こう書けばOK
  • Win では游ゴシックはウェイト指定(Medium)までするのが普通なので、こんな感じでそれぞれの書体にウェイトまで指定してやりゃいいのでは。試してないけど。
    ttps://qumeru.com/magazine/605
  • 返信先: @自分 ああ、ごめん、機種依存でってことはiOSのことかな?
    だったら、SafariかつiOSの場合、って言うJSで.is-mobile-safariみたいなクラスをつけてあげればいいよ。