Шрифт Constellation TL Pro
На нашем сайте, вы можете скачать шрифт Constellation TL Pro для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ConstellationTLPro BlackIt
1. Для того, чтобы установить шрифт ConstellationTLPro BlackIt в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ConstellationTLProBlackIt /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ConstellationTLProBlackIt";
src: url("../fonts/ConstellationTLProBlackIt/ConstellationTLProBlackIt.eot");
src: url("../fonts/ConstellationTLProBlackIt/ConstellationTLProBlackIt.eot?#iefix")format("embedded-opentype"),
url("../fonts/ConstellationTLProBlackIt/ConstellationTLProBlackIt.woff") format("woff"),
url("../fonts/ConstellationTLProBlackIt/ConstellationTLProBlackIt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ConstellationTLPro XLight
1. Для того, чтобы установить шрифт ConstellationTLPro XLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ConstellationTLProXLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ConstellationTLProXLight";
src: url("../fonts/ConstellationTLProXLight/ConstellationTLProXLight.eot");
src: url("../fonts/ConstellationTLProXLight/ConstellationTLProXLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/ConstellationTLProXLight/ConstellationTLProXLight.woff") format("woff"),
url("../fonts/ConstellationTLProXLight/ConstellationTLProXLight.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ConstellationTLPro It
1. Для того, чтобы установить шрифт ConstellationTLPro It в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ConstellationTLProIt /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ConstellationTLProIt";
src: url("../fonts/ConstellationTLProIt/ConstellationTLProIt.eot");
src: url("../fonts/ConstellationTLProIt/ConstellationTLProIt.eot?#iefix")format("embedded-opentype"),
url("../fonts/ConstellationTLProIt/ConstellationTLProIt.woff") format("woff"),
url("../fonts/ConstellationTLProIt/ConstellationTLProIt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ConstellationTLPro ULight
1. Для того, чтобы установить шрифт ConstellationTLPro ULight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ConstellationTLProULight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ConstellationTLProULight";
src: url("../fonts/ConstellationTLProULight/ConstellationTLProULight.eot");
src: url("../fonts/ConstellationTLProULight/ConstellationTLProULight.eot?#iefix")format("embedded-opentype"),
url("../fonts/ConstellationTLProULight/ConstellationTLProULight.woff") format("woff"),
url("../fonts/ConstellationTLProULight/ConstellationTLProULight.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ConstellationTLPro ULightIt
1. Для того, чтобы установить шрифт ConstellationTLPro ULightIt в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ConstellationTLProULightIt /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ConstellationTLProULightIt";
src: url("../fonts/ConstellationTLProULightIt/ConstellationTLProULightIt.eot");
src: url("../fonts/ConstellationTLProULightIt/ConstellationTLProULightIt.eot?#iefix")format("embedded-opentype"),
url("../fonts/ConstellationTLProULightIt/ConstellationTLProULightIt.woff") format("woff"),
url("../fonts/ConstellationTLProULightIt/ConstellationTLProULightIt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ConstellationTLPro XLightIt
1. Для того, чтобы установить шрифт ConstellationTLPro XLightIt в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ConstellationTLProXLightIt /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ConstellationTLProXLightIt";
src: url("../fonts/ConstellationTLProXLightIt/ConstellationTLProXLightIt.eot");
src: url("../fonts/ConstellationTLProXLightIt/ConstellationTLProXLightIt.eot?#iefix")format("embedded-opentype"),
url("../fonts/ConstellationTLProXLightIt/ConstellationTLProXLightIt.woff") format("woff"),
url("../fonts/ConstellationTLProXLightIt/ConstellationTLProXLightIt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ConstellationTLPro Echo
1. Для того, чтобы установить шрифт ConstellationTLPro Echo в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ConstellationTLProEcho /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ConstellationTLProEcho";
src: url("../fonts/ConstellationTLProEcho/ConstellationTLProEcho.eot");
src: url("../fonts/ConstellationTLProEcho/ConstellationTLProEcho.eot?#iefix")format("embedded-opentype"),
url("../fonts/ConstellationTLProEcho/ConstellationTLProEcho.woff") format("woff"),
url("../fonts/ConstellationTLProEcho/ConstellationTLProEcho.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ConstellationTLPro LightIt
1. Для того, чтобы установить шрифт ConstellationTLPro LightIt в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ConstellationTLProLightIt /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ConstellationTLProLightIt";
src: url("../fonts/ConstellationTLProLightIt/ConstellationTLProLightIt.eot");
src: url("../fonts/ConstellationTLProLightIt/ConstellationTLProLightIt.eot?#iefix")format("embedded-opentype"),
url("../fonts/ConstellationTLProLightIt/ConstellationTLProLightIt.woff") format("woff"),
url("../fonts/ConstellationTLProLightIt/ConstellationTLProLightIt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ConstellationTLPro MediumIt
1. Для того, чтобы установить шрифт ConstellationTLPro MediumIt в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ConstellationTLProMediumIt /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ConstellationTLProMediumIt";
src: url("../fonts/ConstellationTLProMediumIt/ConstellationTLProMediumIt.eot");
src: url("../fonts/ConstellationTLProMediumIt/ConstellationTLProMediumIt.eot?#iefix")format("embedded-opentype"),
url("../fonts/ConstellationTLProMediumIt/ConstellationTLProMediumIt.woff") format("woff"),
url("../fonts/ConstellationTLProMediumIt/ConstellationTLProMediumIt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ConstellationTLPro BoldIt
1. Для того, чтобы установить шрифт ConstellationTLPro BoldIt в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ConstellationTLProBoldIt /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ConstellationTLProBoldIt";
src: url("../fonts/ConstellationTLProBoldIt/ConstellationTLProBoldIt.eot");
src: url("../fonts/ConstellationTLProBoldIt/ConstellationTLProBoldIt.eot?#iefix")format("embedded-opentype"),
url("../fonts/ConstellationTLProBoldIt/ConstellationTLProBoldIt.woff") format("woff"),
url("../fonts/ConstellationTLProBoldIt/ConstellationTLProBoldIt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ConstellationTLPro Light
1. Для того, чтобы установить шрифт ConstellationTLPro Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ConstellationTLProLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ConstellationTLProLight";
src: url("../fonts/ConstellationTLProLight/ConstellationTLProLight.eot");
src: url("../fonts/ConstellationTLProLight/ConstellationTLProLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/ConstellationTLProLight/ConstellationTLProLight.woff") format("woff"),
url("../fonts/ConstellationTLProLight/ConstellationTLProLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ConstellationTLPro Regular
1. Для того, чтобы установить шрифт ConstellationTLPro Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ConstellationTLProRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ConstellationTLProRegular";
src: url("../fonts/ConstellationTLProRegular/ConstellationTLProRegular.eot");
src: url("../fonts/ConstellationTLProRegular/ConstellationTLProRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/ConstellationTLProRegular/ConstellationTLProRegular.woff") format("woff"),
url("../fonts/ConstellationTLProRegular/ConstellationTLProRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ConstellationTLPro Medium
1. Для того, чтобы установить шрифт ConstellationTLPro Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ConstellationTLProMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ConstellationTLProMedium";
src: url("../fonts/ConstellationTLProMedium/ConstellationTLProMedium.eot");
src: url("../fonts/ConstellationTLProMedium/ConstellationTLProMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/ConstellationTLProMedium/ConstellationTLProMedium.woff") format("woff"),
url("../fonts/ConstellationTLProMedium/ConstellationTLProMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ConstellationTLPro Bold
1. Для того, чтобы установить шрифт ConstellationTLPro Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ConstellationTLProBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ConstellationTLProBold";
src: url("../fonts/ConstellationTLProBold/ConstellationTLProBold.eot");
src: url("../fonts/ConstellationTLProBold/ConstellationTLProBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/ConstellationTLProBold/ConstellationTLProBold.woff") format("woff"),
url("../fonts/ConstellationTLProBold/ConstellationTLProBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ConstellationTLPro Black
1. Для того, чтобы установить шрифт ConstellationTLPro Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ConstellationTLProBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ConstellationTLProBlack";
src: url("../fonts/ConstellationTLProBlack/ConstellationTLProBlack.eot");
src: url("../fonts/ConstellationTLProBlack/ConstellationTLProBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/ConstellationTLProBlack/ConstellationTLProBlack.woff") format("woff"),
url("../fonts/ConstellationTLProBlack/ConstellationTLProBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!