#4 - Виды подключения стилей. Подключение шрифтов
Как подключить любой шрифт на сайт
Добрый день. В этой статье рассмотрим как просто подключить любой шрифт на Ваш сайт. Итак, приступим... Подключаем шрифт google на сайт Для начала, по традиции, создаем файл test.html и style.css в любой из папок Вашего ПК. Открываем Ваш файл test.html и в самом верху подключаем стили нашей странички таким кодом: <head>
<link rel="stylesheet" href="style.css">
</head> Далее, открываем сайт со шрифтами https://fonts.google.com/, выбираем любой понравившийся, и жмем на него. Открывается такая страница...
Как подключить внешний шрифт на веб-страницу?
Подключать будем, используя директиву @import, можно юзать и @font-face, конечно. Но об этом я расскажу в другой инструкции. Итак,... 1. Перейдите на fonts.google.com 2. Напишите в поисковой строке название семейства шрифтов, которое хотите подтянуть в проект 3. Кликаете на шрифт, который Вас интересует. После этого Вас перекинет на подробную страницу 4. Выбираете стиль. Напротив подходящего есть значок +. Кликаете на него 5. Кликаете на кнопку просмотра(если вы добавили новый стиль шрифта, то появится красная точка в верхнем левом углу кнопки) 6...