Шрифт Sprat
На нашем сайте, вы можете скачать шрифт Sprat для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Sprat CondensedMedium
1. Для того, чтобы установить шрифт Sprat CondensedMedium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SpratCondensedMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SpratCondensedMedium";
src: url("../fonts/SpratCondensedMedium/SpratCondensedMedium.eot");
src: url("../fonts/SpratCondensedMedium/SpratCondensedMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/SpratCondensedMedium/SpratCondensedMedium.woff") format("woff"),
url("../fonts/SpratCondensedMedium/SpratCondensedMedium.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Sprat ExtendedRegular
1. Для того, чтобы установить шрифт Sprat ExtendedRegular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SpratExtendedRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SpratExtendedRegular";
src: url("../fonts/SpratExtendedRegular/SpratExtendedRegular.eot");
src: url("../fonts/SpratExtendedRegular/SpratExtendedRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/SpratExtendedRegular/SpratExtendedRegular.woff") format("woff"),
url("../fonts/SpratExtendedRegular/SpratExtendedRegular.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Sprat CondensedLight
1. Для того, чтобы установить шрифт Sprat CondensedLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SpratCondensedLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SpratCondensedLight";
src: url("../fonts/SpratCondensedLight/SpratCondensedLight.eot");
src: url("../fonts/SpratCondensedLight/SpratCondensedLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/SpratCondensedLight/SpratCondensedLight.woff") format("woff"),
url("../fonts/SpratCondensedLight/SpratCondensedLight.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Sprat CondesedRegular
1. Для того, чтобы установить шрифт Sprat CondesedRegular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SpratCondesedRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SpratCondesedRegular";
src: url("../fonts/SpratCondesedRegular/SpratCondesedRegular.eot");
src: url("../fonts/SpratCondesedRegular/SpratCondesedRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/SpratCondesedRegular/SpratCondesedRegular.woff") format("woff"),
url("../fonts/SpratCondesedRegular/SpratCondesedRegular.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Sprat CondensedBold
1. Для того, чтобы установить шрифт Sprat CondensedBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SpratCondensedBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SpratCondensedBold";
src: url("../fonts/SpratCondensedBold/SpratCondensedBold.eot");
src: url("../fonts/SpratCondensedBold/SpratCondensedBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/SpratCondensedBold/SpratCondensedBold.woff") format("woff"),
url("../fonts/SpratCondensedBold/SpratCondensedBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Sprat RegularThin
1. Для того, чтобы установить шрифт Sprat RegularThin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SpratRegularThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SpratRegularThin";
src: url("../fonts/SpratRegularThin/SpratRegularThin.eot");
src: url("../fonts/SpratRegularThin/SpratRegularThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/SpratRegularThin/SpratRegularThin.woff") format("woff"),
url("../fonts/SpratRegularThin/SpratRegularThin.ttf") format("truetype");
font-style: normal;
font-weight: 400100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Sprat CondensedBlack
1. Для того, чтобы установить шрифт Sprat CondensedBlack в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SpratCondensedBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SpratCondensedBlack";
src: url("../fonts/SpratCondensedBlack/SpratCondensedBlack.eot");
src: url("../fonts/SpratCondensedBlack/SpratCondensedBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/SpratCondensedBlack/SpratCondensedBlack.woff") format("woff"),
url("../fonts/SpratCondensedBlack/SpratCondensedBlack.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Sprat Regularlight
1. Для того, чтобы установить шрифт Sprat Regularlight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SpratRegularlight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SpratRegularlight";
src: url("../fonts/SpratRegularlight/SpratRegularlight.eot");
src: url("../fonts/SpratRegularlight/SpratRegularlight.eot?#iefix")format("embedded-opentype"),
url("../fonts/SpratRegularlight/SpratRegularlight.woff") format("woff"),
url("../fonts/SpratRegularlight/SpratRegularlight.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Sprat ExtendedThin
1. Для того, чтобы установить шрифт Sprat ExtendedThin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SpratExtendedThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SpratExtendedThin";
src: url("../fonts/SpratExtendedThin/SpratExtendedThin.eot");
src: url("../fonts/SpratExtendedThin/SpratExtendedThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/SpratExtendedThin/SpratExtendedThin.woff") format("woff"),
url("../fonts/SpratExtendedThin/SpratExtendedThin.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Sprat RegularMedium
1. Для того, чтобы установить шрифт Sprat RegularMedium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SpratRegularMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SpratRegularMedium";
src: url("../fonts/SpratRegularMedium/SpratRegularMedium.eot");
src: url("../fonts/SpratRegularMedium/SpratRegularMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/SpratRegularMedium/SpratRegularMedium.woff") format("woff"),
url("../fonts/SpratRegularMedium/SpratRegularMedium.ttf") format("truetype");
font-style: normal;
font-weight: 400500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Sprat ExtendedLight
1. Для того, чтобы установить шрифт Sprat ExtendedLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SpratExtendedLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SpratExtendedLight";
src: url("../fonts/SpratExtendedLight/SpratExtendedLight.eot");
src: url("../fonts/SpratExtendedLight/SpratExtendedLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/SpratExtendedLight/SpratExtendedLight.woff") format("woff"),
url("../fonts/SpratExtendedLight/SpratExtendedLight.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Sprat RegularBold
1. Для того, чтобы установить шрифт Sprat RegularBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SpratRegularBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SpratRegularBold";
src: url("../fonts/SpratRegularBold/SpratRegularBold.eot");
src: url("../fonts/SpratRegularBold/SpratRegularBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/SpratRegularBold/SpratRegularBold.woff") format("woff"),
url("../fonts/SpratRegularBold/SpratRegularBold.ttf") format("truetype");
font-style: normal;
font-weight: 400700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Sprat ExtendedMedium
1. Для того, чтобы установить шрифт Sprat ExtendedMedium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SpratExtendedMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SpratExtendedMedium";
src: url("../fonts/SpratExtendedMedium/SpratExtendedMedium.eot");
src: url("../fonts/SpratExtendedMedium/SpratExtendedMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/SpratExtendedMedium/SpratExtendedMedium.woff") format("woff"),
url("../fonts/SpratExtendedMedium/SpratExtendedMedium.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Sprat RegularBlack
1. Для того, чтобы установить шрифт Sprat RegularBlack в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SpratRegularBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SpratRegularBlack";
src: url("../fonts/SpratRegularBlack/SpratRegularBlack.eot");
src: url("../fonts/SpratRegularBlack/SpratRegularBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/SpratRegularBlack/SpratRegularBlack.woff") format("woff"),
url("../fonts/SpratRegularBlack/SpratRegularBlack.ttf") format("truetype");
font-style: normal;
font-weight: 400900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Sprat ExtendedBold
1. Для того, чтобы установить шрифт Sprat ExtendedBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SpratExtendedBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SpratExtendedBold";
src: url("../fonts/SpratExtendedBold/SpratExtendedBold.eot");
src: url("../fonts/SpratExtendedBold/SpratExtendedBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/SpratExtendedBold/SpratExtendedBold.woff") format("woff"),
url("../fonts/SpratExtendedBold/SpratExtendedBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Sprat ExtendedBlack
1. Для того, чтобы установить шрифт Sprat ExtendedBlack в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SpratExtendedBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SpratExtendedBlack";
src: url("../fonts/SpratExtendedBlack/SpratExtendedBlack.eot");
src: url("../fonts/SpratExtendedBlack/SpratExtendedBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/SpratExtendedBlack/SpratExtendedBlack.woff") format("woff"),
url("../fonts/SpratExtendedBlack/SpratExtendedBlack.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Sprat CondensedThin
1. Для того, чтобы установить шрифт Sprat CondensedThin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SpratCondensedThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SpratCondensedThin";
src: url("../fonts/SpratCondensedThin/SpratCondensedThin.eot");
src: url("../fonts/SpratCondensedThin/SpratCondensedThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/SpratCondensedThin/SpratCondensedThin.woff") format("woff"),
url("../fonts/SpratCondensedThin/SpratCondensedThin.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Sprat Regular
1. Для того, чтобы установить шрифт Sprat Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SpratRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SpratRegular";
src: url("../fonts/SpratRegular/SpratRegular.eot");
src: url("../fonts/SpratRegular/SpratRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/SpratRegular/SpratRegular.woff") format("woff"),
url("../fonts/SpratRegular/SpratRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!