雖然我可以將重量(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;
}
字體不是魔法;除非您使用的是系統字體,否則,除非您首先通過'@ font-face'聲明告訴CSS爲您需要的特定字體系列和重量組合加載哪個物理字體文件,否則不會執行任何操作。即使這樣,你正在加載的字體也需要支持你用它設計的文本,所以即使你設置了「@ font-face」規則,如果你設計的文本沒有您需要的語言,瀏覽器將加載堆棧中的任何回退字體,或只是「無論什麼襯線字體可用」作爲最後一次嘗試。通常是羅馬。 –