Скачать для фотошопа и для создания сайта Понедельник, 22.07.2024, 04:30
Приветствую Вас Гость | RSS
Меню сайта

Категории раздела
Русский шрифт
Шрифты без засечек
Шрифты с засечками
Шрифты Blackletter
Добавление шрифта на сайт CSS

Популярное

Мини-чат

Наш опрос
Оцените мой сайт
1. Отлично
2. Хорошо
3. Неплохо
4. Плохо
5. Ужасно
Всего ответов: 7

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0


Добавление шрифта на сайт CSS
После регистрации у вас появиться еще одна ссылка для бесплатного скачивания и пропадет рекламма!
25.10.2020, 13:58


Подключение нового шрифта на сайт не самая простая задача. Где выбрать, скачать и как добавить шрифт на сайт в CSS? В этой статье мы покажем один из самых удобных способов установки и подключения шрифта на сайт.

Добавление шрифта на сайт или блог



Например, у нас есть шрифт Raleway.ttf и мы хотим использовать его во всех заголовках (h1) нашего сайта или блога. Для этого выполняем следующие действия:
❶ В корневой папке сайта создаём папку «fonts» и копируем туда наш Raleway.ttf;
❷ В самом низу файла стилей(style.css) прописываем правило:

Код
@font-face {
// название шрифта(чтобы не запутаться лучше указать название папки со шрифтом)  
font-family: "RalewayRegular";  
// адрес шрифта и тип  
src: url("../fonts/RalewayRegular.ttf") format("truetype");  
font-style: normal;  
font-weight: normal;  
}


❸ А также в файле стилей задаём правило для всех заголовков:

Код
h1{
font-family: "RalewayRegular";
}


Теперь все заголовки 1-го уровня на сайте отображаются с нужным нам шрифтом. Если вы хотите подключить несколько шрифтов(или их начертаний), то просто добавьте их под предыдущим:



Код
@font-face {
font-family: "RalewayRegular";  
src: url("../fonts/RalewayRegular.ttf") format("truetype");  
font-style: normal;  
font-weight: normal;
  }
@font-face{
  font-family: "RalewayBold";
  src: url("../fonts/RalewayBold.ttf") format("truetype");
  font-style: normal;  
font-weight: normal;  
}


Скачать отличные русские шрифты для своего ресурса вы можете на нашем сайте: Раздел Все для вебмастера ⇒ ⇓ Шрифты для сайта.
Категория: Скачать Добавление шрифта на сайт CSS | Добавил: Marco
Просмотров: 163 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Вход на сайт

Поиск

Популярное
SLS-Склад Лайт 
Feedmaster 1.7.4.2 бесплатно. 
Atlantis Word Processor 1.6.2 Beta 
Mozilla Sunbird 0.9 RU 
Фото на документы Экспресс 1.51 Rus 

На форуме
Файлообменник. З...
Автор: roterb
Форум: Куплю/Продам
Дата: 19.07.2024
Ответов: 0
Куплю, обмен шве...
Автор: roterb
Форум: Куплю/Продам
Дата: 27.06.2024
Ответов: 0
Файлообменник Sh...
Автор: Marco
Форум: Заработок на Файлообменниках
Дата: 27.06.2024
Ответов: 1
Заработок на фай...
Автор: Marco
Форум: Заработок на Файлообменниках
Дата: 27.06.2024
Ответов: 1
Файлообменник Le...
Автор: Marco
Форум: Заработок на Файлообменниках
Дата: 27.06.2024
Ответов: 1

Популярное

Партнеры сайта
Стать партнером Стать партнером Стать партнером Стать партнером

Copyright MyCorp © 2024