Как подключить шрифт к сайту (CSS and Google Web Fonts)

11.04.2016

Многие сталкиваются с вопросом как подключить шрифт к сайту? В наше время их много, так что вопрос довольно таки востребован. И так, сегодня я вам поведаю два способа подключения шрифтов на ваш сайт.

1. Способ — припустим у нас есть какой-то шрифт, идем сюда http://everythingfonts.com/font-face нажимаем Select file , выбираем файл шрифта и get @font-face.

Вы получите архив с несколькими файлами. Там будет файл css, в котором вы видите как подключать шрифт на сайт. Остальные файлы заливаем на фтп.

Даннинй способ несет в себе такую суть — создаете у себя на сервере папку под названием «fonts», в неё заливаете файлы вашего шрифта. Далее в вашем файле стилей пишем такой код:

Выделяю два основных момента:

  • font-family — название шрифта которое вы будете использовать в классах;
  • src: —  путь к файлу с вашим шрифтом.

Далее любому классу пишем font-family: Open Sans Light, sans-serif; и наслаждаемся.

2. Способ — подключение нестандартных шрифтов с помощью Google Web Fonts

Тут все просто, заходим на сайт Google Web Fonts , находим нужный шрифт, получаем специальную ссылку, вставляем на наш сайт между тегами head и радуемся.

Подробнее о том как получить ссылку на видео:

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

Ваш e-mail не будет опубликован.