Последние комментарии
Avatar User
Написал Andruxa в 16:29
Avatar User
Написал Mishin в 14:21
Avatar User
Написал cssomsk в 11:06


Image News

Описание:
Как заменить шрифт на сайте, либо задать шрифт отдельному тексту на странице. В данной материале рассмотрим один из вариантов и способов решения данного вопроса.
Установка:
И так как же придать шрифт отдельному элементу текста на сайте? Самый простой способ:
Заходим в Панель Управления - Таблица стилей (CSS) и вставляем:
Код
@font-face {font-family: 'Cuprum';font-style: normal;src: local('Cuprum'), local('Cuprum-Regular'), url(http://themes.googleusercontent.com/static/fonts/cuprum/v5/mn4VPBSqQXCLGhD-YfHBHw.woff) format('woff');font-size: 14pt;}

Далее в стиль кода элемента сайта прописываем:
Код
font-family: 'Cuprum';font-size: 15px;text-transform: uppercase;

Где:
font-family: 'Cuprum'; - шрифт семейства Cuprum,
font-size: 15px; - размера шрифта,
text-transform: uppercase; - все символы текста становятся прописными (верхний регистр).
----------------------------------------------------
Как задать нестандартный шрифт всем элементам сайта?
Заходим в Панель Управления - Таблица стилей (CSS) и вставляем:
Код
@font-face {font-family: 'Cuprum';font-style: normal;src: local('Cuprum'), local('Cuprum-Regular'), url(http://themes.googleusercontent.com/static/fonts/cuprum/v5/mn4VPBSqQXCLGhD-YfHBHw.woff) format('woff');font-size: 14pt;}

Далее в CSS стиле сайта ищем атрибут body и прописываем:
Код
font-size:14px;font-family:Cuprum, sans-serif;

После чего у всего текста на сайте будет шрифт Cuprum за исключением случаев, где в стилях прописан код с другим шрифтом, такая проблема исправляется в ручную путем корректировки кода стилей элементов сайта.
Всего комментариев: 0