Шрифт Gotham XNarrow
На нашем сайте, вы можете скачать шрифт Gotham XNarrow для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GothamXNarrow Ultra
1. Для того, чтобы установить шрифт GothamXNarrow Ultra в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GothamXNarrowUltra /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GothamXNarrowUltra";
src: url("../fonts/GothamXNarrowUltra/GothamXNarrowUltra.eot");
src: url("../fonts/GothamXNarrowUltra/GothamXNarrowUltra.eot?#iefix")format("embedded-opentype"),
url("../fonts/GothamXNarrowUltra/GothamXNarrowUltra.woff") format("woff"),
url("../fonts/GothamXNarrowUltra/GothamXNarrowUltra.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GothamXNarrow UltraItalic
1. Для того, чтобы установить шрифт GothamXNarrow UltraItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GothamXNarrowUltraItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GothamXNarrowUltraItalic";
src: url("../fonts/GothamXNarrowUltraItalic/GothamXNarrowUltraItalic.eot");
src: url("../fonts/GothamXNarrowUltraItalic/GothamXNarrowUltraItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GothamXNarrowUltraItalic/GothamXNarrowUltraItalic.woff") format("woff"),
url("../fonts/GothamXNarrowUltraItalic/GothamXNarrowUltraItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GothamXNarrow XLight
1. Для того, чтобы установить шрифт GothamXNarrow XLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GothamXNarrowXLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GothamXNarrowXLight";
src: url("../fonts/GothamXNarrowXLight/GothamXNarrowXLight.eot");
src: url("../fonts/GothamXNarrowXLight/GothamXNarrowXLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/GothamXNarrowXLight/GothamXNarrowXLight.woff") format("woff"),
url("../fonts/GothamXNarrowXLight/GothamXNarrowXLight.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GothamXNarrow XLightItalic
1. Для того, чтобы установить шрифт GothamXNarrow XLightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GothamXNarrowXLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GothamXNarrowXLightItalic";
src: url("../fonts/GothamXNarrowXLightItalic/GothamXNarrowXLightItalic.eot");
src: url("../fonts/GothamXNarrowXLightItalic/GothamXNarrowXLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GothamXNarrowXLightItalic/GothamXNarrowXLightItalic.woff") format("woff"),
url("../fonts/GothamXNarrowXLightItalic/GothamXNarrowXLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GothamXNarrow Thin
1. Для того, чтобы установить шрифт GothamXNarrow Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GothamXNarrowThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GothamXNarrowThin";
src: url("../fonts/GothamXNarrowThin/GothamXNarrowThin.eot");
src: url("../fonts/GothamXNarrowThin/GothamXNarrowThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/GothamXNarrowThin/GothamXNarrowThin.woff") format("woff"),
url("../fonts/GothamXNarrowThin/GothamXNarrowThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GothamXNarrow Light
1. Для того, чтобы установить шрифт GothamXNarrow Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GothamXNarrowLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GothamXNarrowLight";
src: url("../fonts/GothamXNarrowLight/GothamXNarrowLight.eot");
src: url("../fonts/GothamXNarrowLight/GothamXNarrowLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/GothamXNarrowLight/GothamXNarrowLight.woff") format("woff"),
url("../fonts/GothamXNarrowLight/GothamXNarrowLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GothamXNarrow Medium
1. Для того, чтобы установить шрифт GothamXNarrow Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GothamXNarrowMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GothamXNarrowMedium";
src: url("../fonts/GothamXNarrowMedium/GothamXNarrowMedium.eot");
src: url("../fonts/GothamXNarrowMedium/GothamXNarrowMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/GothamXNarrowMedium/GothamXNarrowMedium.woff") format("woff"),
url("../fonts/GothamXNarrowMedium/GothamXNarrowMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GothamXNarrow Bold
1. Для того, чтобы установить шрифт GothamXNarrow Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GothamXNarrowBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GothamXNarrowBold";
src: url("../fonts/GothamXNarrowBold/GothamXNarrowBold.eot");
src: url("../fonts/GothamXNarrowBold/GothamXNarrowBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/GothamXNarrowBold/GothamXNarrowBold.woff") format("woff"),
url("../fonts/GothamXNarrowBold/GothamXNarrowBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GothamXNarrow Black
1. Для того, чтобы установить шрифт GothamXNarrow Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GothamXNarrowBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GothamXNarrowBlack";
src: url("../fonts/GothamXNarrowBlack/GothamXNarrowBlack.eot");
src: url("../fonts/GothamXNarrowBlack/GothamXNarrowBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/GothamXNarrowBlack/GothamXNarrowBlack.woff") format("woff"),
url("../fonts/GothamXNarrowBlack/GothamXNarrowBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GothamXNarrow ThinItalic
1. Для того, чтобы установить шрифт GothamXNarrow ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GothamXNarrowThinItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GothamXNarrowThinItalic";
src: url("../fonts/GothamXNarrowThinItalic/GothamXNarrowThinItalic.eot");
src: url("../fonts/GothamXNarrowThinItalic/GothamXNarrowThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GothamXNarrowThinItalic/GothamXNarrowThinItalic.woff") format("woff"),
url("../fonts/GothamXNarrowThinItalic/GothamXNarrowThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GothamXNarrow LightItalic
1. Для того, чтобы установить шрифт GothamXNarrow LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GothamXNarrowLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GothamXNarrowLightItalic";
src: url("../fonts/GothamXNarrowLightItalic/GothamXNarrowLightItalic.eot");
src: url("../fonts/GothamXNarrowLightItalic/GothamXNarrowLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GothamXNarrowLightItalic/GothamXNarrowLightItalic.woff") format("woff"),
url("../fonts/GothamXNarrowLightItalic/GothamXNarrowLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GothamXNarrow MediumItalic
1. Для того, чтобы установить шрифт GothamXNarrow MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GothamXNarrowMediumItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GothamXNarrowMediumItalic";
src: url("../fonts/GothamXNarrowMediumItalic/GothamXNarrowMediumItalic.eot");
src: url("../fonts/GothamXNarrowMediumItalic/GothamXNarrowMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GothamXNarrowMediumItalic/GothamXNarrowMediumItalic.woff") format("woff"),
url("../fonts/GothamXNarrowMediumItalic/GothamXNarrowMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GothamXNarrow BoldItalic
1. Для того, чтобы установить шрифт GothamXNarrow BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GothamXNarrowBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GothamXNarrowBoldItalic";
src: url("../fonts/GothamXNarrowBoldItalic/GothamXNarrowBoldItalic.eot");
src: url("../fonts/GothamXNarrowBoldItalic/GothamXNarrowBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GothamXNarrowBoldItalic/GothamXNarrowBoldItalic.woff") format("woff"),
url("../fonts/GothamXNarrowBoldItalic/GothamXNarrowBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GothamXNarrow BlackItalic
1. Для того, чтобы установить шрифт GothamXNarrow BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GothamXNarrowBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GothamXNarrowBlackItalic";
src: url("../fonts/GothamXNarrowBlackItalic/GothamXNarrowBlackItalic.eot");
src: url("../fonts/GothamXNarrowBlackItalic/GothamXNarrowBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GothamXNarrowBlackItalic/GothamXNarrowBlackItalic.woff") format("woff"),
url("../fonts/GothamXNarrowBlackItalic/GothamXNarrowBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GothamXNarrow Book
1. Для того, чтобы установить шрифт GothamXNarrow Book в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GothamXNarrowBook /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GothamXNarrowBook";
src: url("../fonts/GothamXNarrowBook/GothamXNarrowBook.eot");
src: url("../fonts/GothamXNarrowBook/GothamXNarrowBook.eot?#iefix")format("embedded-opentype"),
url("../fonts/GothamXNarrowBook/GothamXNarrowBook.woff") format("woff"),
url("../fonts/GothamXNarrowBook/GothamXNarrowBook.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GothamXNarrow BookItalic
1. Для того, чтобы установить шрифт GothamXNarrow BookItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GothamXNarrowBookItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GothamXNarrowBookItalic";
src: url("../fonts/GothamXNarrowBookItalic/GothamXNarrowBookItalic.eot");
src: url("../fonts/GothamXNarrowBookItalic/GothamXNarrowBookItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GothamXNarrowBookItalic/GothamXNarrowBookItalic.woff") format("woff"),
url("../fonts/GothamXNarrowBookItalic/GothamXNarrowBookItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!