Многие сталкиваются с вопросом как подключить шрифт к сайту? В наше время их много, так что вопрос довольно таки востребован. И так, сегодня я вам поведаю два способа подключения шрифтов на ваш сайт.
1. Способ – припустим у нас есть какой-то шрифт, идем сюда http://everythingfonts.com/font-face нажимаем Select file , выбираем файл шрифта и get @font-face.
Вы получите архив с несколькими файлами. Там будет файл css, в котором вы видите как подключать шрифт на сайт. Остальные файлы заливаем на фтп.
Даннинй способ несет в себе такую суть – создаете у себя на сервере папку под названием “fonts”, в неё заливаете файлы вашего шрифта. Далее в вашем файле стилей пишем такой код:
1 2 3 4 5 6 | @font-face { font-family: 'Roboto-Medium'; src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Medium.woff') format('woff'), url('../fonts/Roboto-Medium.ttf') format('truetype'), url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg'); font-weight: normal; font-style: normal; } |
Выделяю два основных момента:
- font-family – название шрифта которое вы будете использовать в классах;
- src: – путь к файлу с вашим шрифтом.
Далее любому классу пишем font-family: Open Sans Light, sans-serif; и наслаждаемся.
2. Способ – подключение нестандартных шрифтов с помощью Google Web Fonts
Тут все просто, заходим на сайт Google Web Fonts , находим нужный шрифт, получаем специальную ссылку, вставляем на наш сайт между тегами head и радуемся.
Подробнее о том как получить ссылку на видео:
Залишити відповідь