Thin font-weight gilt nicht für Schriften in anderen Sprachen

Während ich schwere (400+) Gewichte auf andere Sprachen als Englisch (Hebräisch im Moment) anwenden kann, kann ich dies nicht mit leichten Gewichten (300 und niedriger)Thin font-weight gilt nicht für Schriften in anderen Sprachen

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

Quelle

2016-06-21 Bar Akiva

Schriften sind keine Magie; Wenn Sie nicht eine Systemschriftart verwenden, wird "Ich möchte dünn" nichts tun, wenn Sie dem CSS nicht zuerst mitteilen, welche physikalische Schriftartdatei für die spezifische Schriftfamilie und Gewichtskombination geladen werden soll, durch eine '@ font-face' Deklaration . Und selbst dann muss die Schriftart, die Sie laden, den Text unterstützen, den Sie damit formatieren. Selbst wenn Sie eine '@ font-face'-Regel eingerichtet haben, hat der Text, den Sie formatieren, nicht den Sprache, die Sie benötigen, wird der Browser jede Fallback-Schriftart in den Stapel laden, oder einfach "was auch immer Serif Schriftart verfügbar ist" als letzten Versuch. Normalerweise römisch. –

Es sind Schriftfamilien in Google Fonts which support Hebrew language und Open Sans ist nicht einer von ihnen.

Aber seit Open Sans ist weit verbreitete Schrift, andere Schriftkünstler erweitern die Schriftfamilie zur Unterstützung der hebräischen Sprache und Sie können es auf this GitHub page finden.

Quelle

2016-06-21 06:44:15

Ich habe einfach angenommen Open Sans funktionierte, weil 1) Anwenden ändert das Aussehen von den Standard-Arial und 2) Dev-Tools zeigte es als "Open Sans" in der Schriftart Abschnitt anwenden. Wie kommt es in den Dev Tools? –

Es gibt eine ** Font-Fallback ** Logik in allen modernen Browsern. Zuerst wird die ausgewählte Schriftart (Open Sans) getestet. Wenn es die Sprache nicht unterstützt, benötigt es eine Schriftart, die diese Sprache aus derselben Familie unterstützt (* sans-serif *). –

Sehr verwirrend für Leute, die Schriften nicht nach Aussehen erkennen können ... –

Thin font-weight gilt nicht für Schriften in anderen Sprachen

Antwort

Verwandte Themen