Как правильно подключить шрифт к сайту через CSS
Этот видеоурок по веб-разработке посвящен тому, как подключить нестандартный, свой шрифт на сайт, через CSS. В уроке показано, как подключить шрифт Roboto, но по такой же схеме можно подключить и любой другой шрифт на сайт.
Ссылки на материалы из видео
Шрифт + файл CSS на Яндекс.Диск: https://yadi.sk/d/NX76ObIC3LB8Pq
Шаблон из видео целиком на GitHub: https://github.com/insp1/html-template
Бесплатные шрифты:
https://fonts.google.com/
https://fontstorage.com/Дата: 2019-10-30 Алексей Вавилов
Похожие видео
Комментарии и отзывы: 5
1. Макс •
Кстати, очень рациональное решение по поводу шрифтов. Спасибо автору за подсказку. Всегда грузится только первый шрифт, который браузер поддерживает и логичным будет указывать шрифты в порядке увеличения веса. Замечу сразу, что визуально все форматы выглядят одинаково.
Кстати, очень рациональное решение по поводу шрифтов. Спасибо автору за подсказку. Всегда грузится только первый шрифт, который браузер поддерживает и логичным будет указывать шрифты в порядке увеличения веса. Замечу сразу, что визуально все форматы выглядят одинаково.
2. 100 •
Не каждому дано и по силам заниматься веб-разработкой и поэтому я завидую белой завистью людям ,которые могут сделать это.Хорошо,когда ты можешь создать себе такой сайт,который тебя устраивает по всем параметрам и заполнять его на своё усмотрение. Лайк.
Не каждому дано и по силам заниматься веб-разработкой и поэтому я завидую белой завистью людям ,которые могут сделать это.Хорошо,когда ты можешь создать себе такой сайт,который тебя устраивает по всем параметрам и заполнять его на своё усмотрение. Лайк.
3. Олег •
я скачал шрифт с гугла и там только файлы .ttf и все в куче, а у вас в каждой попке еще 3 вида файлов и вот где эти дополнительные файлы брать и как разобраться с распределением по отдельным папкам?
я скачал шрифт с гугла и там только файлы .ttf и все в куче, а у вас в каждой попке еще 3 вида файлов и вот где эти дополнительные файлы брать и как разобраться с распределением по отдельным папкам?
4. I •
Дело было так, сначало выучи html за месяц, выучи html за неделю, выучи html за день, выучи html за час, выучи html за 5 минут, я боюсь спросить , виде есть где " выучи html по сочетании клавиш за 3 секунды?
Дело было так, сначало выучи html за месяц, выучи html за неделю, выучи html за день, выучи html за час, выучи html за 5 минут, я боюсь спросить , виде есть где " выучи html по сочетании клавиш за 3 секунды?
5. TheChris •
font-face
font-family: pt-sans;
src: url("Fonturi/pt-sans.woff2") format("woff2"), url("Fonturi/pt-sans.woff") format("woff");
в чем может быть ошибка ?
путь указал правильно
font-face
font-family: pt-sans;
src: url("Fonturi/pt-sans.woff2") format("woff2"), url("Fonturi/pt-sans.woff") format("woff");
в чем может быть ошибка ?
путь указал правильно
Добавить отзыв, комментарий





