2017-08-26 58 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

相关问题