Thin font-weight 不适用于其他语言的字体
Thin font-weight does not apply to fonts in other languages
虽然我可以对除英语(目前是希伯来语)以外的语言应用较重的 (400+) 权重,但我不能对较轻的权重(300 及更低)进行此操作
HTML
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300' rel='stylesheet' type='text/css'>
<div>
<h6>Hello to you<h6>
<p class="light">Selling you something with elegant font weight contrast.</p
</div>
<h6 class="rtl">שלום לכם<h6>
<p class="light rtl">מוכר לכם משהו אבל באסה כי המשקל לא עובד ככה.</p>
<h6 class="rtl">שלום לכם<h6>
<p class="light rtl heavy">מוכר לכם משהו אבל באסה כי המשקל לא עובד ככה.</p
</div>
CSS
body {
font-family: 'Open Sans';
}
.light {
font-weight: 300;
font-size:18px;
color:#4c4c4c;
margin:0;
}
.heavy {
font-weight:900;
}
h6 {
font-size:24px;
margin:0;
color:#696f72;
}
div {
margin:0;
}
.rtl {
direction:rtl;
}
Google Fonts which support Hebrew language 中有 14 个字体系列,Open Sans 不是其中之一。
但由于 Open Sans 是一种广泛使用的字体,其他字体艺术家扩展了字体系列以支持希伯来语,您可以在 this GitHub page.[=12 上找到它=]
虽然我可以对除英语(目前是希伯来语)以外的语言应用较重的 (400+) 权重,但我不能对较轻的权重(300 及更低)进行此操作
HTML
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300' rel='stylesheet' type='text/css'>
<div>
<h6>Hello to you<h6>
<p class="light">Selling you something with elegant font weight contrast.</p
</div>
<h6 class="rtl">שלום לכם<h6>
<p class="light rtl">מוכר לכם משהו אבל באסה כי המשקל לא עובד ככה.</p>
<h6 class="rtl">שלום לכם<h6>
<p class="light rtl heavy">מוכר לכם משהו אבל באסה כי המשקל לא עובד ככה.</p
</div>
CSS
body {
font-family: 'Open Sans';
}
.light {
font-weight: 300;
font-size:18px;
color:#4c4c4c;
margin:0;
}
.heavy {
font-weight:900;
}
h6 {
font-size:24px;
margin:0;
color:#696f72;
}
div {
margin:0;
}
.rtl {
direction:rtl;
}
Google Fonts which support Hebrew language 中有 14 个字体系列,Open Sans 不是其中之一。
但由于 Open Sans 是一种广泛使用的字体,其他字体艺术家扩展了字体系列以支持希伯来语,您可以在 this GitHub page.[=12 上找到它=]