Шрифт FF Mark
На нашем сайте, вы можете скачать шрифт FF Mark для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFMark SmallCaps-Regular
1. Для того, чтобы установить шрифт FFMark SmallCaps-Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFMarkSmallCaps-Regular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFMarkSmallCaps-Regular";
src: url("../fonts/FFMarkSmallCaps-Regular/FFMarkSmallCaps-Regular.eot");
src: url("../fonts/FFMarkSmallCaps-Regular/FFMarkSmallCaps-Regular.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFMarkSmallCaps-Regular/FFMarkSmallCaps-Regular.woff") format("woff"),
url("../fonts/FFMarkSmallCaps-Regular/FFMarkSmallCaps-Regular.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFMark Thin-Italic
1. Для того, чтобы установить шрифт FFMark Thin-Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFMarkThin-Italic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFMarkThin-Italic";
src: url("../fonts/FFMarkThin-Italic/FFMarkThin-Italic.eot");
src: url("../fonts/FFMarkThin-Italic/FFMarkThin-Italic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFMarkThin-Italic/FFMarkThin-Italic.woff") format("woff"),
url("../fonts/FFMarkThin-Italic/FFMarkThin-Italic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFMark SmallCaps-Black
1. Для того, чтобы установить шрифт FFMark SmallCaps-Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFMarkSmallCaps-Black /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFMarkSmallCaps-Black";
src: url("../fonts/FFMarkSmallCaps-Black/FFMarkSmallCaps-Black.eot");
src: url("../fonts/FFMarkSmallCaps-Black/FFMarkSmallCaps-Black.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFMarkSmallCaps-Black/FFMarkSmallCaps-Black.woff") format("woff"),
url("../fonts/FFMarkSmallCaps-Black/FFMarkSmallCaps-Black.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFMark Light-Italic
1. Для того, чтобы установить шрифт FFMark Light-Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFMarkLight-Italic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFMarkLight-Italic";
src: url("../fonts/FFMarkLight-Italic/FFMarkLight-Italic.eot");
src: url("../fonts/FFMarkLight-Italic/FFMarkLight-Italic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFMarkLight-Italic/FFMarkLight-Italic.woff") format("woff"),
url("../fonts/FFMarkLight-Italic/FFMarkLight-Italic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFMark Heavy-Italic
1. Для того, чтобы установить шрифт FFMark Heavy-Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFMarkHeavy-Italic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFMarkHeavy-Italic";
src: url("../fonts/FFMarkHeavy-Italic/FFMarkHeavy-Italic.eot");
src: url("../fonts/FFMarkHeavy-Italic/FFMarkHeavy-Italic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFMarkHeavy-Italic/FFMarkHeavy-Italic.woff") format("woff"),
url("../fonts/FFMarkHeavy-Italic/FFMarkHeavy-Italic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFMark Regular-Italic
1. Для того, чтобы установить шрифт FFMark Regular-Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFMarkRegular-Italic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFMarkRegular-Italic";
src: url("../fonts/FFMarkRegular-Italic/FFMarkRegular-Italic.eot");
src: url("../fonts/FFMarkRegular-Italic/FFMarkRegular-Italic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFMarkRegular-Italic/FFMarkRegular-Italic.woff") format("woff"),
url("../fonts/FFMarkRegular-Italic/FFMarkRegular-Italic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFMark Medium-Italic
1. Для того, чтобы установить шрифт FFMark Medium-Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFMarkMedium-Italic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFMarkMedium-Italic";
src: url("../fonts/FFMarkMedium-Italic/FFMarkMedium-Italic.eot");
src: url("../fonts/FFMarkMedium-Italic/FFMarkMedium-Italic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFMarkMedium-Italic/FFMarkMedium-Italic.woff") format("woff"),
url("../fonts/FFMarkMedium-Italic/FFMarkMedium-Italic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFMark Bold-Italic
1. Для того, чтобы установить шрифт FFMark Bold-Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFMarkBold-Italic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFMarkBold-Italic";
src: url("../fonts/FFMarkBold-Italic/FFMarkBold-Italic.eot");
src: url("../fonts/FFMarkBold-Italic/FFMarkBold-Italic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFMarkBold-Italic/FFMarkBold-Italic.woff") format("woff"),
url("../fonts/FFMarkBold-Italic/FFMarkBold-Italic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFMark Black-Italic
1. Для того, чтобы установить шрифт FFMark Black-Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFMarkBlack-Italic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFMarkBlack-Italic";
src: url("../fonts/FFMarkBlack-Italic/FFMarkBlack-Italic.eot");
src: url("../fonts/FFMarkBlack-Italic/FFMarkBlack-Italic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFMarkBlack-Italic/FFMarkBlack-Italic.woff") format("woff"),
url("../fonts/FFMarkBlack-Italic/FFMarkBlack-Italic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFMark Hairline
1. Для того, чтобы установить шрифт FFMark Hairline в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFMarkHairline /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFMarkHairline";
src: url("../fonts/FFMarkHairline/FFMarkHairline.eot");
src: url("../fonts/FFMarkHairline/FFMarkHairline.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFMarkHairline/FFMarkHairline.woff") format("woff"),
url("../fonts/FFMarkHairline/FFMarkHairline.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFMark Book-Italic
1. Для того, чтобы установить шрифт FFMark Book-Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFMarkBook-Italic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFMarkBook-Italic";
src: url("../fonts/FFMarkBook-Italic/FFMarkBook-Italic.eot");
src: url("../fonts/FFMarkBook-Italic/FFMarkBook-Italic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFMarkBook-Italic/FFMarkBook-Italic.woff") format("woff"),
url("../fonts/FFMarkBook-Italic/FFMarkBook-Italic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFMark Hairline-Italic
1. Для того, чтобы установить шрифт FFMark Hairline-Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFMarkHairline-Italic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFMarkHairline-Italic";
src: url("../fonts/FFMarkHairline-Italic/FFMarkHairline-Italic.eot");
src: url("../fonts/FFMarkHairline-Italic/FFMarkHairline-Italic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFMarkHairline-Italic/FFMarkHairline-Italic.woff") format("woff"),
url("../fonts/FFMarkHairline-Italic/FFMarkHairline-Italic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFMark Extralight-Italic
1. Для того, чтобы установить шрифт FFMark Extralight-Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFMarkExtralight-Italic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFMarkExtralight-Italic";
src: url("../fonts/FFMarkExtralight-Italic/FFMarkExtralight-Italic.eot");
src: url("../fonts/FFMarkExtralight-Italic/FFMarkExtralight-Italic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFMarkExtralight-Italic/FFMarkExtralight-Italic.woff") format("woff"),
url("../fonts/FFMarkExtralight-Italic/FFMarkExtralight-Italic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFMark Thin
1. Для того, чтобы установить шрифт FFMark Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFMarkThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFMarkThin";
src: url("../fonts/FFMarkThin/FFMarkThin.eot");
src: url("../fonts/FFMarkThin/FFMarkThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFMarkThin/FFMarkThin.woff") format("woff"),
url("../fonts/FFMarkThin/FFMarkThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFMark ExtraLight
1. Для того, чтобы установить шрифт FFMark ExtraLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFMarkExtraLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFMarkExtraLight";
src: url("../fonts/FFMarkExtraLight/FFMarkExtraLight.eot");
src: url("../fonts/FFMarkExtraLight/FFMarkExtraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFMarkExtraLight/FFMarkExtraLight.woff") format("woff"),
url("../fonts/FFMarkExtraLight/FFMarkExtraLight.ttf") format("truetype");
font-style: normal;
font-weight: 200;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFMark Light
1. Для того, чтобы установить шрифт FFMark Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFMarkLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFMarkLight";
src: url("../fonts/FFMarkLight/FFMarkLight.eot");
src: url("../fonts/FFMarkLight/FFMarkLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFMarkLight/FFMarkLight.woff") format("woff"),
url("../fonts/FFMarkLight/FFMarkLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFMark Regular
1. Для того, чтобы установить шрифт FFMark Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFMarkRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFMarkRegular";
src: url("../fonts/FFMarkRegular/FFMarkRegular.eot");
src: url("../fonts/FFMarkRegular/FFMarkRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFMarkRegular/FFMarkRegular.woff") format("woff"),
url("../fonts/FFMarkRegular/FFMarkRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFMark Medium
1. Для того, чтобы установить шрифт FFMark Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFMarkMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFMarkMedium";
src: url("../fonts/FFMarkMedium/FFMarkMedium.eot");
src: url("../fonts/FFMarkMedium/FFMarkMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFMarkMedium/FFMarkMedium.woff") format("woff"),
url("../fonts/FFMarkMedium/FFMarkMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFMark Bold
1. Для того, чтобы установить шрифт FFMark Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFMarkBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFMarkBold";
src: url("../fonts/FFMarkBold/FFMarkBold.eot");
src: url("../fonts/FFMarkBold/FFMarkBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFMarkBold/FFMarkBold.woff") format("woff"),
url("../fonts/FFMarkBold/FFMarkBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFMark Black
1. Для того, чтобы установить шрифт FFMark Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFMarkBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFMarkBlack";
src: url("../fonts/FFMarkBlack/FFMarkBlack.eot");
src: url("../fonts/FFMarkBlack/FFMarkBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFMarkBlack/FFMarkBlack.woff") format("woff"),
url("../fonts/FFMarkBlack/FFMarkBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFMark Book
1. Для того, чтобы установить шрифт FFMark Book в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFMarkBook /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFMarkBook";
src: url("../fonts/FFMarkBook/FFMarkBook.eot");
src: url("../fonts/FFMarkBook/FFMarkBook.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFMarkBook/FFMarkBook.woff") format("woff"),
url("../fonts/FFMarkBook/FFMarkBook.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFMark Heavy
1. Для того, чтобы установить шрифт FFMark Heavy в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFMarkHeavy /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFMarkHeavy";
src: url("../fonts/FFMarkHeavy/FFMarkHeavy.eot");
src: url("../fonts/FFMarkHeavy/FFMarkHeavy.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFMarkHeavy/FFMarkHeavy.woff") format("woff"),
url("../fonts/FFMarkHeavy/FFMarkHeavy.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!