Шрифт Aristotelica Display
На нашем сайте, вы можете скачать шрифт Aristotelica Display для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт AristotelicaDisplay Regula
1. Для того, чтобы установить шрифт AristotelicaDisplay Regula в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /AristotelicaDisplayRegula /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AristotelicaDisplayRegula";
src: url("../fonts/AristotelicaDisplayRegula/AristotelicaDisplayRegula.eot");
src: url("../fonts/AristotelicaDisplayRegula/AristotelicaDisplayRegula.eot?#iefix")format("embedded-opentype"),
url("../fonts/AristotelicaDisplayRegula/AristotelicaDisplayRegula.woff") format("woff"),
url("../fonts/AristotelicaDisplayRegula/AristotelicaDisplayRegula.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт AristotelicaDisplay DemiBo
1. Для того, чтобы установить шрифт AristotelicaDisplay DemiBo в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /AristotelicaDisplayDemiBo /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AristotelicaDisplayDemiBo";
src: url("../fonts/AristotelicaDisplayDemiBo/AristotelicaDisplayDemiBo.eot");
src: url("../fonts/AristotelicaDisplayDemiBo/AristotelicaDisplayDemiBo.eot?#iefix")format("embedded-opentype"),
url("../fonts/AristotelicaDisplayDemiBo/AristotelicaDisplayDemiBo.woff") format("woff"),
url("../fonts/AristotelicaDisplayDemiBo/AristotelicaDisplayDemiBo.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт AristotelicaDisplay UltraLigh
1. Для того, чтобы установить шрифт AristotelicaDisplay UltraLigh в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /AristotelicaDisplayUltraLigh /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AristotelicaDisplayUltraLigh";
src: url("../fonts/AristotelicaDisplayUltraLigh/AristotelicaDisplayUltraLigh.eot");
src: url("../fonts/AristotelicaDisplayUltraLigh/AristotelicaDisplayUltraLigh.eot?#iefix")format("embedded-opentype"),
url("../fonts/AristotelicaDisplayUltraLigh/AristotelicaDisplayUltraLigh.woff") format("woff"),
url("../fonts/AristotelicaDisplayUltraLigh/AristotelicaDisplayUltraLigh.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт AristotelicaDisplay ExtraLigh
1. Для того, чтобы установить шрифт AristotelicaDisplay ExtraLigh в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /AristotelicaDisplayExtraLigh /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AristotelicaDisplayExtraLigh";
src: url("../fonts/AristotelicaDisplayExtraLigh/AristotelicaDisplayExtraLigh.eot");
src: url("../fonts/AristotelicaDisplayExtraLigh/AristotelicaDisplayExtraLigh.eot?#iefix")format("embedded-opentype"),
url("../fonts/AristotelicaDisplayExtraLigh/AristotelicaDisplayExtraLigh.woff") format("woff"),
url("../fonts/AristotelicaDisplayExtraLigh/AristotelicaDisplayExtraLigh.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт AristotelicaDisplay DemiBold
1. Для того, чтобы установить шрифт AristotelicaDisplay DemiBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /AristotelicaDisplayDemiBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AristotelicaDisplayDemiBold";
src: url("../fonts/AristotelicaDisplayDemiBold/AristotelicaDisplayDemiBold.eot");
src: url("../fonts/AristotelicaDisplayDemiBold/AristotelicaDisplayDemiBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/AristotelicaDisplayDemiBold/AristotelicaDisplayDemiBold.woff") format("woff"),
url("../fonts/AristotelicaDisplayDemiBold/AristotelicaDisplayDemiBold.ttf") format("truetype");
font-style: normal;
font-weight: 600;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт AristotelicaDisplay Hairline
1. Для того, чтобы установить шрифт AristotelicaDisplay Hairline в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /AristotelicaDisplayHairline /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AristotelicaDisplayHairline";
src: url("../fonts/AristotelicaDisplayHairline/AristotelicaDisplayHairline.eot");
src: url("../fonts/AristotelicaDisplayHairline/AristotelicaDisplayHairline.eot?#iefix")format("embedded-opentype"),
url("../fonts/AristotelicaDisplayHairline/AristotelicaDisplayHairline.woff") format("woff"),
url("../fonts/AristotelicaDisplayHairline/AristotelicaDisplayHairline.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт AristotelicaDisplay UltraL
1. Для того, чтобы установить шрифт AristotelicaDisplay UltraL в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /AristotelicaDisplayUltraL /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AristotelicaDisplayUltraL";
src: url("../fonts/AristotelicaDisplayUltraL/AristotelicaDisplayUltraL.eot");
src: url("../fonts/AristotelicaDisplayUltraL/AristotelicaDisplayUltraL.eot?#iefix")format("embedded-opentype"),
url("../fonts/AristotelicaDisplayUltraL/AristotelicaDisplayUltraL.woff") format("woff"),
url("../fonts/AristotelicaDisplayUltraL/AristotelicaDisplayUltraL.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт AristotelicaDisplay ExtraL
1. Для того, чтобы установить шрифт AristotelicaDisplay ExtraL в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /AristotelicaDisplayExtraL /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AristotelicaDisplayExtraL";
src: url("../fonts/AristotelicaDisplayExtraL/AristotelicaDisplayExtraL.eot");
src: url("../fonts/AristotelicaDisplayExtraL/AristotelicaDisplayExtraL.eot?#iefix")format("embedded-opentype"),
url("../fonts/AristotelicaDisplayExtraL/AristotelicaDisplayExtraL.woff") format("woff"),
url("../fonts/AristotelicaDisplayExtraL/AristotelicaDisplayExtraL.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт AristotelicaDisplay Thin
1. Для того, чтобы установить шрифт AristotelicaDisplay Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /AristotelicaDisplayThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AristotelicaDisplayThin";
src: url("../fonts/AristotelicaDisplayThin/AristotelicaDisplayThin.eot");
src: url("../fonts/AristotelicaDisplayThin/AristotelicaDisplayThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/AristotelicaDisplayThin/AristotelicaDisplayThin.woff") format("woff"),
url("../fonts/AristotelicaDisplayThin/AristotelicaDisplayThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт AristotelicaDisplay ExtraLight
1. Для того, чтобы установить шрифт AristotelicaDisplay ExtraLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /AristotelicaDisplayExtraLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AristotelicaDisplayExtraLight";
src: url("../fonts/AristotelicaDisplayExtraLight/AristotelicaDisplayExtraLight.eot");
src: url("../fonts/AristotelicaDisplayExtraLight/AristotelicaDisplayExtraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/AristotelicaDisplayExtraLight/AristotelicaDisplayExtraLight.woff") format("woff"),
url("../fonts/AristotelicaDisplayExtraLight/AristotelicaDisplayExtraLight.ttf") format("truetype");
font-style: normal;
font-weight: 200;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт AristotelicaDisplay Light
1. Для того, чтобы установить шрифт AristotelicaDisplay Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /AristotelicaDisplayLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AristotelicaDisplayLight";
src: url("../fonts/AristotelicaDisplayLight/AristotelicaDisplayLight.eot");
src: url("../fonts/AristotelicaDisplayLight/AristotelicaDisplayLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/AristotelicaDisplayLight/AristotelicaDisplayLight.woff") format("woff"),
url("../fonts/AristotelicaDisplayLight/AristotelicaDisplayLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт AristotelicaDisplay Regular
1. Для того, чтобы установить шрифт AristotelicaDisplay Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /AristotelicaDisplayRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AristotelicaDisplayRegular";
src: url("../fonts/AristotelicaDisplayRegular/AristotelicaDisplayRegular.eot");
src: url("../fonts/AristotelicaDisplayRegular/AristotelicaDisplayRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/AristotelicaDisplayRegular/AristotelicaDisplayRegular.woff") format("woff"),
url("../fonts/AristotelicaDisplayRegular/AristotelicaDisplayRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт AristotelicaDisplay Bold
1. Для того, чтобы установить шрифт AristotelicaDisplay Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /AristotelicaDisplayBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AristotelicaDisplayBold";
src: url("../fonts/AristotelicaDisplayBold/AristotelicaDisplayBold.eot");
src: url("../fonts/AristotelicaDisplayBold/AristotelicaDisplayBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/AristotelicaDisplayBold/AristotelicaDisplayBold.woff") format("woff"),
url("../fonts/AristotelicaDisplayBold/AristotelicaDisplayBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт AristotelicaDisplay Heavy
1. Для того, чтобы установить шрифт AristotelicaDisplay Heavy в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /AristotelicaDisplayHeavy /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AristotelicaDisplayHeavy";
src: url("../fonts/AristotelicaDisplayHeavy/AristotelicaDisplayHeavy.eot");
src: url("../fonts/AristotelicaDisplayHeavy/AristotelicaDisplayHeavy.eot?#iefix")format("embedded-opentype"),
url("../fonts/AristotelicaDisplayHeavy/AristotelicaDisplayHeavy.woff") format("woff"),
url("../fonts/AristotelicaDisplayHeavy/AristotelicaDisplayHeavy.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!