Шрифт Scharf
На нашем сайте, вы можете скачать шрифт Scharf для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Scharf Thin
1. Для того, чтобы установить шрифт Scharf Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ScharfThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ScharfThin";
src: url("../fonts/ScharfThin/ScharfThin.eot");
src: url("../fonts/ScharfThin/ScharfThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/ScharfThin/ScharfThin.woff") format("woff"),
url("../fonts/ScharfThin/ScharfThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Scharf Light
1. Для того, чтобы установить шрифт Scharf Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ScharfLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ScharfLight";
src: url("../fonts/ScharfLight/ScharfLight.eot");
src: url("../fonts/ScharfLight/ScharfLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/ScharfLight/ScharfLight.woff") format("woff"),
url("../fonts/ScharfLight/ScharfLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Scharf Regular
1. Для того, чтобы установить шрифт Scharf Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ScharfRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ScharfRegular";
src: url("../fonts/ScharfRegular/ScharfRegular.eot");
src: url("../fonts/ScharfRegular/ScharfRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/ScharfRegular/ScharfRegular.woff") format("woff"),
url("../fonts/ScharfRegular/ScharfRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Scharf Medium
1. Для того, чтобы установить шрифт Scharf Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ScharfMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ScharfMedium";
src: url("../fonts/ScharfMedium/ScharfMedium.eot");
src: url("../fonts/ScharfMedium/ScharfMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/ScharfMedium/ScharfMedium.woff") format("woff"),
url("../fonts/ScharfMedium/ScharfMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Scharf Bold
1. Для того, чтобы установить шрифт Scharf Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ScharfBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ScharfBold";
src: url("../fonts/ScharfBold/ScharfBold.eot");
src: url("../fonts/ScharfBold/ScharfBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/ScharfBold/ScharfBold.woff") format("woff"),
url("../fonts/ScharfBold/ScharfBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Scharf Black
1. Для того, чтобы установить шрифт Scharf Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ScharfBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ScharfBlack";
src: url("../fonts/ScharfBlack/ScharfBlack.eot");
src: url("../fonts/ScharfBlack/ScharfBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/ScharfBlack/ScharfBlack.woff") format("woff"),
url("../fonts/ScharfBlack/ScharfBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Scharf ThinItalic
1. Для того, чтобы установить шрифт Scharf ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ScharfThinItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ScharfThinItalic";
src: url("../fonts/ScharfThinItalic/ScharfThinItalic.eot");
src: url("../fonts/ScharfThinItalic/ScharfThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ScharfThinItalic/ScharfThinItalic.woff") format("woff"),
url("../fonts/ScharfThinItalic/ScharfThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Scharf LightItalic
1. Для того, чтобы установить шрифт Scharf LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ScharfLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ScharfLightItalic";
src: url("../fonts/ScharfLightItalic/ScharfLightItalic.eot");
src: url("../fonts/ScharfLightItalic/ScharfLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ScharfLightItalic/ScharfLightItalic.woff") format("woff"),
url("../fonts/ScharfLightItalic/ScharfLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Scharf MediumItalic
1. Для того, чтобы установить шрифт Scharf MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ScharfMediumItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ScharfMediumItalic";
src: url("../fonts/ScharfMediumItalic/ScharfMediumItalic.eot");
src: url("../fonts/ScharfMediumItalic/ScharfMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ScharfMediumItalic/ScharfMediumItalic.woff") format("woff"),
url("../fonts/ScharfMediumItalic/ScharfMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Scharf BoldItalic
1. Для того, чтобы установить шрифт Scharf BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ScharfBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ScharfBoldItalic";
src: url("../fonts/ScharfBoldItalic/ScharfBoldItalic.eot");
src: url("../fonts/ScharfBoldItalic/ScharfBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ScharfBoldItalic/ScharfBoldItalic.woff") format("woff"),
url("../fonts/ScharfBoldItalic/ScharfBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Scharf BlackItalic
1. Для того, чтобы установить шрифт Scharf BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ScharfBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ScharfBlackItalic";
src: url("../fonts/ScharfBlackItalic/ScharfBlackItalic.eot");
src: url("../fonts/ScharfBlackItalic/ScharfBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ScharfBlackItalic/ScharfBlackItalic.woff") format("woff"),
url("../fonts/ScharfBlackItalic/ScharfBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Scharf Book
1. Для того, чтобы установить шрифт Scharf Book в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ScharfBook /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ScharfBook";
src: url("../fonts/ScharfBook/ScharfBook.eot");
src: url("../fonts/ScharfBook/ScharfBook.eot?#iefix")format("embedded-opentype"),
url("../fonts/ScharfBook/ScharfBook.woff") format("woff"),
url("../fonts/ScharfBook/ScharfBook.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Scharf Heavy
1. Для того, чтобы установить шрифт Scharf Heavy в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ScharfHeavy /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ScharfHeavy";
src: url("../fonts/ScharfHeavy/ScharfHeavy.eot");
src: url("../fonts/ScharfHeavy/ScharfHeavy.eot?#iefix")format("embedded-opentype"),
url("../fonts/ScharfHeavy/ScharfHeavy.woff") format("woff"),
url("../fonts/ScharfHeavy/ScharfHeavy.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Scharf HeavyItalic
1. Для того, чтобы установить шрифт Scharf HeavyItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ScharfHeavyItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ScharfHeavyItalic";
src: url("../fonts/ScharfHeavyItalic/ScharfHeavyItalic.eot");
src: url("../fonts/ScharfHeavyItalic/ScharfHeavyItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ScharfHeavyItalic/ScharfHeavyItalic.woff") format("woff"),
url("../fonts/ScharfHeavyItalic/ScharfHeavyItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Scharf BookItalic
1. Для того, чтобы установить шрифт Scharf BookItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ScharfBookItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ScharfBookItalic";
src: url("../fonts/ScharfBookItalic/ScharfBookItalic.eot");
src: url("../fonts/ScharfBookItalic/ScharfBookItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ScharfBookItalic/ScharfBookItalic.woff") format("woff"),
url("../fonts/ScharfBookItalic/ScharfBookItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Scharf RegularItalic
1. Для того, чтобы установить шрифт Scharf RegularItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ScharfRegularItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ScharfRegularItalic";
src: url("../fonts/ScharfRegularItalic/ScharfRegularItalic.eot");
src: url("../fonts/ScharfRegularItalic/ScharfRegularItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ScharfRegularItalic/ScharfRegularItalic.woff") format("woff"),
url("../fonts/ScharfRegularItalic/ScharfRegularItalic.ttf") format("truetype");
font-style: italic;
font-weight: 400;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!