Как установить жирный шрифт в css

Шрифт текста в CSS и его свойства

С помощью CSS можно задать любой стиль и вид текста. Добавив стиль текста в CSS, вы сокращаете и упрощаете код в HTML, а это, в первую очередь, даст быструю загрузку сайта.
Теперь вам не нужно использовать тег <font> в HTML к каждому объекту, достаточно задать правильно правило в таблице стилей CSS.

Шрифт текста в css и его свойства

Свойства шрифта

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

1). Чтобы задать определенный шрифт заголовку, тексту или сайту в целом, существует в CSS правило font-family.

font-family

Всему параграфу <p> будет присвоено шрифт "Arial".

Часто используемые шрифты: "Verdana", "Arial", "Times New Roman".

2). Если вы хотите поменяет стиль шрифта, воспользуйтесь правилом font-style.

font-style: normal | italic | oblique

normal — нормальный шрифт;
italic — курсив;
oblique — наклонный шрифт.

3). Если вы хотите сделать слово или текст жирным, используйте правило font-weight.

font-weight: normal | lighter | bold | bolder

normal — нормальная жирность
lighter — светлое начертание
bold — полужирный
bolder — жирный
100–900 — 100 — светлый шрифт, 900 — самый жирный

4). Если нужно указать размер шрифта, используйте правило font-size. Размер задается в pt — пункты, px — пиксели и в % — процентах.

font-size

5). Хочу вам предложить сокращённый способ вышеперечисленных правил. Воспользуйтесь правилом font.

font

Примечание: Все значения указывайте через пробел.

Нестандартный шрифт

6). Бывают такие моменты, когда нужно использовать для оформления сайта нестандартный шрифт. Нестандартный шрифт — это шрифт, который не устанавливается на компьютере по умолчанию и вероятней его может не быть у пользователя.

Правило @font-face позволяет импортировать внешний файл шрифтов в документ.

Подключение нестандартных шрифтов с помощью CSS

Залейте нестандартный шрифт формата ttf (другой формат я вам не рекомендую) в папку вашего сайта. Для примера я возьму шрифт под именем "DS-UncialFunnyHand-Medium.ttf".

Пример подключения нестандартного шрифта.

font-family: — здесь пишем имя шрифта.
src: local(". ") — проверка наличия шрифта на компьютере пользователя
url(. ) — если шрифт у пользователя на компьютере не установлен, тогда шрифт будет загружается с сайта по указанному пути .

Подключение нестандартных шрифтов с помощью CSS

На этой последней ноте я и закончу свою статью "шрифт текста в css и его свойства". Если я что-то пропустил или сделал ошибку, пишите в комментарии.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *