Как использовать субфоны

Question

Quick Notes:

Я использую Macbook Air.
Я использую TextWrangler как текстовый редактор.
Версия для Macbook 10.9.5.

Для моего сайта я установил новый шрифт под названием Open Sans. Я разработал тело с Regular Open Sans и работал отлично. Тем не менее, есть одна часть моего веб-сайта, и я хочу быть Bold Open Sans. В загрузке было много разных типов Open Sans. Bold Open Sans, Italic Open Sans и т. Д. Имея это в виду, я решил, что просто изменил бы семейство шрифтов на Bold Open Sans в коде CSS. Ничего не произошло. Затем я попробовал Open Sans Bold. Но ничего не случилось. Может кто-нибудь объяснить, что происходит? Кроме того, по какой-то причине использование h1 во что-либо делает его похожим на жирный. Может ли кто-нибудь объяснить это?

Вот несколько скриншотов.

Метод, который я попытался сделать жирным шрифтом.

Результат.

Answer 1

Вероятно, у вас есть несколько вариантов, пожалуйста, имейте в виду, что вы предоставили NO исходный код и вы не указали, если вы правильно и как загружаете шрифт, так что трудно понять ваш точный вопрос.

Кстати вот некоторые варианты:

пытаются использовать font-weight: bold;

.dateOfPost { 
    font-weight: bold; 
    /* you should specify your font type here */ 
} 

Если вы используете Google Font вы должны включить это в HTML голове:

<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,800italic,800,700italic,700,600italic,600,400italic,300italic,300' rel='stylesheet' type='text/css'> 

Это будет загрузите шрифт OpenSans Bold из Google CDN.

Вы можете использовать этот конкретный шрифт, добавив это свойство вашего класса CSS

font-family: 'Open Sans', sans-serif; 

---

.dateOfPost { 
    font-weight: bold; 
    font-family: 'Open Sans', sans-serif; 
} 

Больше информации можно найти на Google Web Font site.

Живой пример:

https://jsbin.com/xawuyuyeye/edit?html,output