Шрифт Alegreya
На нашем сайте, вы можете скачать шрифт Alegreya для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Alegreya Regular
1. Для того, чтобы установить шрифт Alegreya Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/AlegreyaRegular
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AlegreyaRegular";
src: url("../fonts/AlegreyaRegular/AlegreyaRegular.eot");
src: url("../fonts/AlegreyaRegular/AlegreyaRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/AlegreyaRegular/AlegreyaRegular.woff") format("woff"),
url("../fonts/AlegreyaRegular/AlegreyaRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Alegreya Medium
1. Для того, чтобы установить шрифт Alegreya Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/AlegreyaMedium
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AlegreyaMedium";
src: url("../fonts/AlegreyaMedium/AlegreyaMedium.eot");
src: url("../fonts/AlegreyaMedium/AlegreyaMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/AlegreyaMedium/AlegreyaMedium.woff") format("woff"),
url("../fonts/AlegreyaMedium/AlegreyaMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Alegreya Bold
1. Для того, чтобы установить шрифт Alegreya Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/AlegreyaBold
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AlegreyaBold";
src: url("../fonts/AlegreyaBold/AlegreyaBold.eot");
src: url("../fonts/AlegreyaBold/AlegreyaBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/AlegreyaBold/AlegreyaBold.woff") format("woff"),
url("../fonts/AlegreyaBold/AlegreyaBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Alegreya ExtraBold
1. Для того, чтобы установить шрифт Alegreya ExtraBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/AlegreyaExtraBold
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AlegreyaExtraBold";
src: url("../fonts/AlegreyaExtraBold/AlegreyaExtraBold.eot");
src: url("../fonts/AlegreyaExtraBold/AlegreyaExtraBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/AlegreyaExtraBold/AlegreyaExtraBold.woff") format("woff"),
url("../fonts/AlegreyaExtraBold/AlegreyaExtraBold.ttf") format("truetype");
font-style: normal;
font-weight: 800;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Alegreya Black
1. Для того, чтобы установить шрифт Alegreya Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/AlegreyaBlack
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AlegreyaBlack";
src: url("../fonts/AlegreyaBlack/AlegreyaBlack.eot");
src: url("../fonts/AlegreyaBlack/AlegreyaBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/AlegreyaBlack/AlegreyaBlack.woff") format("woff"),
url("../fonts/AlegreyaBlack/AlegreyaBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Alegreya Italic
1. Для того, чтобы установить шрифт Alegreya Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/AlegreyaItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AlegreyaItalic";
src: url("../fonts/AlegreyaItalic/AlegreyaItalic.eot");
src: url("../fonts/AlegreyaItalic/AlegreyaItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/AlegreyaItalic/AlegreyaItalic.woff") format("woff"),
url("../fonts/AlegreyaItalic/AlegreyaItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Alegreya MediumItalic
1. Для того, чтобы установить шрифт Alegreya MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/AlegreyaMediumItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AlegreyaMediumItalic";
src: url("../fonts/AlegreyaMediumItalic/AlegreyaMediumItalic.eot");
src: url("../fonts/AlegreyaMediumItalic/AlegreyaMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/AlegreyaMediumItalic/AlegreyaMediumItalic.woff") format("woff"),
url("../fonts/AlegreyaMediumItalic/AlegreyaMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Alegreya BoldItalic
1. Для того, чтобы установить шрифт Alegreya BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/AlegreyaBoldItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AlegreyaBoldItalic";
src: url("../fonts/AlegreyaBoldItalic/AlegreyaBoldItalic.eot");
src: url("../fonts/AlegreyaBoldItalic/AlegreyaBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/AlegreyaBoldItalic/AlegreyaBoldItalic.woff") format("woff"),
url("../fonts/AlegreyaBoldItalic/AlegreyaBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Alegreya ExtraBoldItalic
1. Для того, чтобы установить шрифт Alegreya ExtraBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/AlegreyaExtraBoldItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AlegreyaExtraBoldItalic";
src: url("../fonts/AlegreyaExtraBoldItalic/AlegreyaExtraBoldItalic.eot");
src: url("../fonts/AlegreyaExtraBoldItalic/AlegreyaExtraBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/AlegreyaExtraBoldItalic/AlegreyaExtraBoldItalic.woff") format("woff"),
url("../fonts/AlegreyaExtraBoldItalic/AlegreyaExtraBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Alegreya BlackItalic
1. Для того, чтобы установить шрифт Alegreya BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/AlegreyaBlackItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AlegreyaBlackItalic";
src: url("../fonts/AlegreyaBlackItalic/AlegreyaBlackItalic.eot");
src: url("../fonts/AlegreyaBlackItalic/AlegreyaBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/AlegreyaBlackItalic/AlegreyaBlackItalic.woff") format("woff"),
url("../fonts/AlegreyaBlackItalic/AlegreyaBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!
