2017-08-26 97 views
0

system UI fonts對字體重量的作用方式相同嗎?當字體是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 

在我的Ubuntu操作系統。字體重量對兩個font-family都沒有同樣的影響。當與google.fonts的Roboto一起使用font-weight: 500時,文字變粗。當使用font-weight: 500system ui fonts時,我沒有大膽。

所以我想知道怎麼回事?

+0

_bold_的一般數值是700.試試看看。另外,並非所有字體都有_bold_版本。 – LGSon

回答

1

font-weight的數值爲100-900

通常400normal700對於bold相同,儘管這是字體特定的。

在您的情況下,它顯示爲的500font-weightRoboto被定義爲較厚正常,因此差。

請注意,並非所有字體都有bold版本。

+0

我想將介質定位在粗體和常規之間的500(如robotto)。所以我想如果我依賴於system-ui字體,我不會有這種行爲。我假設所有操作系統的默認字體都有一個大膽的版本。 – Ced

+0

@Ced如果_system-ui_字體具有500的定義厚度,它將起作用,儘管這是字體特定的。通常,大多數字體都是正常的和粗體的。 – LGSon

相關問題