Шрифт Gotham Screen Smart Condensed
На нашем сайте, вы можете скачать шрифт Gotham Screen Smart Condensed для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GothamScreenSmartCondensed XLight
1. Для того, чтобы установить шрифт GothamScreenSmartCondensed XLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GothamScreenSmartCondensedXLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GothamScreenSmartCondensedXLight";
src: url("../fonts/GothamScreenSmartCondensedXLight/GothamScreenSmartCondensedXLight.eot");
src: url("../fonts/GothamScreenSmartCondensedXLight/GothamScreenSmartCondensedXLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/GothamScreenSmartCondensedXLight/GothamScreenSmartCondensedXLight.woff") format("woff"),
url("../fonts/GothamScreenSmartCondensedXLight/GothamScreenSmartCondensedXLight.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GothamScreenSmartCondensed XLightItalic
1. Для того, чтобы установить шрифт GothamScreenSmartCondensed XLightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GothamScreenSmartCondensedXLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GothamScreenSmartCondensedXLightItalic";
src: url("../fonts/GothamScreenSmartCondensedXLightItalic/GothamScreenSmartCondensedXLightItalic.eot");
src: url("../fonts/GothamScreenSmartCondensedXLightItalic/GothamScreenSmartCondensedXLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GothamScreenSmartCondensedXLightItalic/GothamScreenSmartCondensedXLightItalic.woff") format("woff"),
url("../fonts/GothamScreenSmartCondensedXLightItalic/GothamScreenSmartCondensedXLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GothamScreenSmartCondensed Light
1. Для того, чтобы установить шрифт GothamScreenSmartCondensed Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GothamScreenSmartCondensedLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GothamScreenSmartCondensedLight";
src: url("../fonts/GothamScreenSmartCondensedLight/GothamScreenSmartCondensedLight.eot");
src: url("../fonts/GothamScreenSmartCondensedLight/GothamScreenSmartCondensedLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/GothamScreenSmartCondensedLight/GothamScreenSmartCondensedLight.woff") format("woff"),
url("../fonts/GothamScreenSmartCondensedLight/GothamScreenSmartCondensedLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GothamScreenSmartCondensed Medium
1. Для того, чтобы установить шрифт GothamScreenSmartCondensed Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GothamScreenSmartCondensedMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GothamScreenSmartCondensedMedium";
src: url("../fonts/GothamScreenSmartCondensedMedium/GothamScreenSmartCondensedMedium.eot");
src: url("../fonts/GothamScreenSmartCondensedMedium/GothamScreenSmartCondensedMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/GothamScreenSmartCondensedMedium/GothamScreenSmartCondensedMedium.woff") format("woff"),
url("../fonts/GothamScreenSmartCondensedMedium/GothamScreenSmartCondensedMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GothamScreenSmartCondensed Bold
1. Для того, чтобы установить шрифт GothamScreenSmartCondensed Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GothamScreenSmartCondensedBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GothamScreenSmartCondensedBold";
src: url("../fonts/GothamScreenSmartCondensedBold/GothamScreenSmartCondensedBold.eot");
src: url("../fonts/GothamScreenSmartCondensedBold/GothamScreenSmartCondensedBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/GothamScreenSmartCondensedBold/GothamScreenSmartCondensedBold.woff") format("woff"),
url("../fonts/GothamScreenSmartCondensedBold/GothamScreenSmartCondensedBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GothamScreenSmartCondensed Black
1. Для того, чтобы установить шрифт GothamScreenSmartCondensed Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GothamScreenSmartCondensedBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GothamScreenSmartCondensedBlack";
src: url("../fonts/GothamScreenSmartCondensedBlack/GothamScreenSmartCondensedBlack.eot");
src: url("../fonts/GothamScreenSmartCondensedBlack/GothamScreenSmartCondensedBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/GothamScreenSmartCondensedBlack/GothamScreenSmartCondensedBlack.woff") format("woff"),
url("../fonts/GothamScreenSmartCondensedBlack/GothamScreenSmartCondensedBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GothamScreenSmartCondensed LightItalic
1. Для того, чтобы установить шрифт GothamScreenSmartCondensed LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GothamScreenSmartCondensedLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GothamScreenSmartCondensedLightItalic";
src: url("../fonts/GothamScreenSmartCondensedLightItalic/GothamScreenSmartCondensedLightItalic.eot");
src: url("../fonts/GothamScreenSmartCondensedLightItalic/GothamScreenSmartCondensedLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GothamScreenSmartCondensedLightItalic/GothamScreenSmartCondensedLightItalic.woff") format("woff"),
url("../fonts/GothamScreenSmartCondensedLightItalic/GothamScreenSmartCondensedLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GothamScreenSmartCondensed MediumItalic
1. Для того, чтобы установить шрифт GothamScreenSmartCondensed MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GothamScreenSmartCondensedMediumItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GothamScreenSmartCondensedMediumItalic";
src: url("../fonts/GothamScreenSmartCondensedMediumItalic/GothamScreenSmartCondensedMediumItalic.eot");
src: url("../fonts/GothamScreenSmartCondensedMediumItalic/GothamScreenSmartCondensedMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GothamScreenSmartCondensedMediumItalic/GothamScreenSmartCondensedMediumItalic.woff") format("woff"),
url("../fonts/GothamScreenSmartCondensedMediumItalic/GothamScreenSmartCondensedMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GothamScreenSmartCondensed BoldItalic
1. Для того, чтобы установить шрифт GothamScreenSmartCondensed BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GothamScreenSmartCondensedBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GothamScreenSmartCondensedBoldItalic";
src: url("../fonts/GothamScreenSmartCondensedBoldItalic/GothamScreenSmartCondensedBoldItalic.eot");
src: url("../fonts/GothamScreenSmartCondensedBoldItalic/GothamScreenSmartCondensedBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GothamScreenSmartCondensedBoldItalic/GothamScreenSmartCondensedBoldItalic.woff") format("woff"),
url("../fonts/GothamScreenSmartCondensedBoldItalic/GothamScreenSmartCondensedBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GothamScreenSmartCondensed BlackItalic
1. Для того, чтобы установить шрифт GothamScreenSmartCondensed BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GothamScreenSmartCondensedBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GothamScreenSmartCondensedBlackItalic";
src: url("../fonts/GothamScreenSmartCondensedBlackItalic/GothamScreenSmartCondensedBlackItalic.eot");
src: url("../fonts/GothamScreenSmartCondensedBlackItalic/GothamScreenSmartCondensedBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GothamScreenSmartCondensedBlackItalic/GothamScreenSmartCondensedBlackItalic.woff") format("woff"),
url("../fonts/GothamScreenSmartCondensedBlackItalic/GothamScreenSmartCondensedBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GothamScreenSmartCondensed Book
1. Для того, чтобы установить шрифт GothamScreenSmartCondensed Book в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GothamScreenSmartCondensedBook /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GothamScreenSmartCondensedBook";
src: url("../fonts/GothamScreenSmartCondensedBook/GothamScreenSmartCondensedBook.eot");
src: url("../fonts/GothamScreenSmartCondensedBook/GothamScreenSmartCondensedBook.eot?#iefix")format("embedded-opentype"),
url("../fonts/GothamScreenSmartCondensedBook/GothamScreenSmartCondensedBook.woff") format("woff"),
url("../fonts/GothamScreenSmartCondensedBook/GothamScreenSmartCondensedBook.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GothamScreenSmartCondensed BookItalic
1. Для того, чтобы установить шрифт GothamScreenSmartCondensed BookItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GothamScreenSmartCondensedBookItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GothamScreenSmartCondensedBookItalic";
src: url("../fonts/GothamScreenSmartCondensedBookItalic/GothamScreenSmartCondensedBookItalic.eot");
src: url("../fonts/GothamScreenSmartCondensedBookItalic/GothamScreenSmartCondensedBookItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GothamScreenSmartCondensedBookItalic/GothamScreenSmartCondensedBookItalic.woff") format("woff"),
url("../fonts/GothamScreenSmartCondensedBookItalic/GothamScreenSmartCondensedBookItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!