Новичок
7 уроков
(1 час 8 минут)
Курс
Основы CSS
CSS - это язык стилей, определяющий отображение HTML-документов. После изучения HTML, вам необходимо ознакомиться с CSS, чтобы ваши сайты выглядели более привлекательно.

#6 — Использование шрифтов CSS.

Сегодня мы хотим пригласить вас на просмотр шестого видеоурока курса по основам CSS. Известно, что текстовый контент является одной из самых важных составляющих для любых сайтов. Для любого пользователя важна информация, которую он получает из этого контента. Поэтому шрифты, используемые на веб-страничках, играют важную роль в создании каждого проекта. Про шрифты CSS, про их применение и расскажем мы на сегодняшнем видеоуроке.

Шрифты CSS и их запись в файле стилей

Для указания, какой из шрифтов CSS мы будем использовать в том или ином тексте, в CSS существует свойство font-family. Свойство это имеет три значения, записываемых через запятую. В качестве первого значения мы указываем шрифт, который предполагаем использовать, вторым значением у нас будет название шрифта CSS, который будет применяться в случае отсутствия первого на компьютере посетителя сайта, а третьим будет информация о том, с засечками шрифт или без.

Как подключаются веб-шрифты CSS

На данном этапе развития широко используется поддержка веб-шрифтов. Шрифты CSS загружаются с веб-сервера браузерами и применяются ими для отображения текста на веб-страницах.
Для этого достаточно лишь прописать в файле стилей директиву @font-face

@font-face {
font-family: 'PTSans';
src: url('PTSansRegular.eot');
src: url('PTSansRegular.eot#iefix') format('embedded-opentype'),
url('PTSansRegular.woff') format('woff'),
url('PTSansRegular.ttf') format('truetype'),
url('PTSansRegular.svg') format('svg');
font-weight: normal;
font-style: normal;
}

В директиве мы указываем пути для загрузки шрифтов CSS и свойства font-family, font-weight (жирность шрифта) и font-style (курсивное начертание). В ней также необходимо указать все форматы шрифтов CSS, поскольку одни форматы используются в одних браузерах, другие в других. На нашем видеоуроке рассмотрены все существующие форматы веб-шрифтов, а также рассказано обо всех положительных и отрицательных нюансах их использования.

На подробном примере показана работа сервиса генератора веб-шрифтов CSS.

Приятного всем просмотра! Учитесь с удовольствием! Всегда ваш Loftblog.

Полезные ссылки:
The Open Font Library http://openfontlibrary.org
Normalize.css http://www.fontsquirrel.com
Google Fonts http://www.google.com/webfonts

Материалы к уроку:
Делись:

Оставь комментарий!

5 thoughts on “#6 — Использование шрифтов CSS.

  1. MarkBraun:

    Видео с предыдущего урока, устраните ошибку.

  2. zanusilker:

    тоже 5 урок( но есть выход премемотать в конец и как закончится видео ютуб предложит следующие уроки

  3. m1shgun:

    Это «Подробнее о каскадности», а не «Использование грифтов»

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

Рекомендуемые курсы