薄字体重量不适用于其他语言的字体

虽然我可以将重量（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; 
}

Code pen example

来源

2016-06-21 Bar Akiva

字体不是魔法;除非您使用的是系统字体，否则，除非您首先通过'@ font-face'声明告诉CSS为您需要的特定字体系列和重量组合加载哪个物理字体文件，否则不会执行任何操作。即使这样，你正在加载的字体也需要支持你用它设计的文本，所以即使你设置了“@ font-face”规则，如果你设计的文本没有您需要的语言，浏览器将加载堆栈中的任何回退字体，或只是“无论什么衬线字体可用”作为最后一次尝试。通常是罗马。 –

有是字体家族在Google Fonts which support Hebrew language和开放Sans是不是其中之一。

但自开放Sans是广泛使用的字体，其他字体艺术家扩展字体家族以支持希伯来语，你可以在this GitHub page找到它。

来源

2016-06-21 06:44:15

我只是假设Open Sans的工作原因是1）应用它会改变默认Arial和2）开发工具的外观，显示它在字体部分应用为“Open Sans”。它如何在开发工具中显示出来？ –

在所有现代浏览器中都有一个** font-fallback **逻辑。它首先尝试你选择的字体（这是Open Sans）。如果它不支持该语言，则需要支持来自同一族（* sans-serif *）的该语言的字体。 –

对于无法通过外观识别字体的人高度混淆...... –

回答

相关问题