Найти в Дзене

Как установить новые шрифты на сайте при помощи CSS

Красивое оформление страниц сайта - вещь очень важная, особенно если в Сети есть и другие сайты со схожей тематикой, например, кулинарные. Одним из важнейших элементов является шрифт; особенно это важно при оформлении заголовков, выделенных частей текста и т.д. Что бы шрифты работали независимо от установленной на компьютере операционной системы, некоторые из них необходимо загрузить прямо на сайт, особенно если есть сомнения в том, что применяемый вами шрифт предустановлен в системе. Для этого необходимо в корне сайта создать дополнительную папку fonts, в которую и будут загружены файлы со шрифтами. !!! Найти платные и бесплатные файлы со шрифтами можно в интернете: просто введите в поисковую строку данное слово и вы получите большое количество сайтов, где можно скачать данный контент. Итак, будем считать, что папка создана и в ней находятся какие-либо файлы со шрифтами. Теперь осталось прописать в основном* файле CSS в самом верху такие строки: Как не сложно догадаться, данный ко
 Web Development School: Как установить новые шрифты на сайте при помощи CSS
Web Development School: Как установить новые шрифты на сайте при помощи CSS

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

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

!!! Найти платные и бесплатные файлы со шрифтами можно в интернете: просто введите в поисковую строку данное слово и вы получите большое количество сайтов, где можно скачать данный контент.

Итак, будем считать, что папка создана и в ней находятся какие-либо файлы со шрифтами. Теперь осталось прописать в основном* файле CSS в самом верху такие строки:

 Web Development School: подключение новых шрифтов
Web Development School: подключение новых шрифтов

Как не сложно догадаться, данный код устанавливает на сайт шрифты Coventry и Pompadur (кстати, красивые!) с указанием места их расположения. Обратите внимание, что шрифты, название которых состоит из нескольких слов, должны быть взяты в кавычки в любом месте кода.

* Основным файлом CSS может быть, например, файл основного шаблона (зависит от применяемой на сайте CMS). Если вы создаёте компонент для сайта, то данные шрифты должны располагаться в такой же папке в корне компонента; соответственно указывается и их расположение.

Теперь осталось вписать название выбранных шрифтов в оформление заголовков или текста:

Web Development School: указание шрифта
Web Development School: указание шрифта

#web development school #шрифты #как установить шрифты #как подключить шрифты #новые шрифты