OSフォントの場合、フォントはフォントウェイトにどのように反応しますか？

system UI fontsは、フォントウェイトに関して同じように動作しますか？私のUbuntuのOS上でOSフォントの場合、フォントはフォントウェイトにどのように反応しますか？

font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif

この

@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500'); 
font-family: Roboto

：

は、私はこれを試してみました。フォントウェイトは、両方のフォントファミリーに同じ影響を与えませんでした。 google.fontsから font-weight: 500とRobotoを使用すると、テキストが太字になりました。 system ui fontsと font-weight: 500を使用しているときに太字がありませんでした。

私は何が起こっているのだろうか？

出典

2017-08-26 Ced

_bold_の一般的な数値は700です。これを試してみてください。また、すべてのフォントに_bold_バージョンがあるわけではありません。 – LGSon

font-weightの数値は100-900です。

一般に400はの場合はnormalと700と同じですが、これはフォント固有ですが。 Robotoため500のfont-weightが通常より厚くとして定義される

あなたのケースでは、それはそれゆえ違い、表示されます。

補足として、すべてのフォントがboldバージョンであるとは限りません。

出典

2017-08-26 20:50:55 LGSon

私は大胆で規則的な（ロボットのように）500の間でメディアをターゲットにしたいと思っていました。だから私はsystem-uiフォントに依存しているなら、私はその動作をしないだろうと思う。私はすべてのOSのデフォルトのフォントが大胆なバージョンだと思う。 – Ced

@Ced _system-ui_フォントの定義された太さが500の場合、これは機能しますが、これはフォント固有です。そして、通常、ほとんどのフォントは普通と太字になっています。 – LGSon

OSフォントの場合、フォントはフォントウェイトにどのように反応しますか？

答えて

関連する問題