2016-06-21 3 views
0

В то время как я могу применять тяжелые (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

+0

Шрифты не являются волшебными; если вы не используете системный шрифт, говорящий «Я хочу тонкий», ничего не сделают, если вы сначала не скажете CSS, какой физический файл шрифта загружается для определенного семейства шрифтов и комбинации веса, которые вам нужны, через объявление '@ font-face' , И даже тогда шрифт, который вы загружаете, должен поддерживать текст, который вы разрабатываете с ним, поэтому, даже если у вас настроено правило '@ font-face', если текст, который вы создаете, не имеет язык, который вам нужен, браузер загрузит любой запасной шрифт в стеке или просто «любой шрифт serif доступен» в качестве последней попытки. Обычно римский. –

ответ

1

Там являются Шрифтовые семьи в Google Fonts which support Hebrew language и Open Sans не является одним из них.

Но так как Open Sans широко используется шрифт, другие художники-шрифты продлевают семейство шрифтов для поддержки иврита, и вы можете найти его на this GitHub page.

+0

Я просто предположил, что Open Sans работал, потому что 1) Применяя его, он меняет атрибут по умолчанию Arial и 2) dev-инструменты показали, что он применяется как «Open Sans» в разделе шрифтов. Как это проявилось в инструментах dev? –

+1

Во всех современных браузерах существует ** ** -рефлекторная ** логика. Сначала он пробует выбранный вами шрифт (который является Open Sans). Если он не поддерживает язык, он использует шрифт, который поддерживает этот язык из одного семейства (* sans-serif *). –

+0

Очень запутанный для людей, которые не могут идентифицировать шрифты по внешнему виду ... –

Смежные вопросы