Шрифт FreightMicro
На нашем сайте, вы можете скачать шрифт FreightMicro для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FreightMicro LightSC
1. Для того, чтобы установить шрифт FreightMicro LightSC в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FreightMicroLightSC /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FreightMicroLightSC";
src: url("../fonts/FreightMicroLightSC/FreightMicroLightSC.eot");
src: url("../fonts/FreightMicroLightSC/FreightMicroLightSC.eot?#iefix")format("embedded-opentype"),
url("../fonts/FreightMicroLightSC/FreightMicroLightSC.woff") format("woff"),
url("../fonts/FreightMicroLightSC/FreightMicroLightSC.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FreightMicro BoldSC
1. Для того, чтобы установить шрифт FreightMicro BoldSC в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FreightMicroBoldSC /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FreightMicroBoldSC";
src: url("../fonts/FreightMicroBoldSC/FreightMicroBoldSC.eot");
src: url("../fonts/FreightMicroBoldSC/FreightMicroBoldSC.eot?#iefix")format("embedded-opentype"),
url("../fonts/FreightMicroBoldSC/FreightMicroBoldSC.woff") format("woff"),
url("../fonts/FreightMicroBoldSC/FreightMicroBoldSC.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FreightMicro LightItalicSC
1. Для того, чтобы установить шрифт FreightMicro LightItalicSC в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FreightMicroLightItalicSC /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FreightMicroLightItalicSC";
src: url("../fonts/FreightMicroLightItalicSC/FreightMicroLightItalicSC.eot");
src: url("../fonts/FreightMicroLightItalicSC/FreightMicroLightItalicSC.eot?#iefix")format("embedded-opentype"),
url("../fonts/FreightMicroLightItalicSC/FreightMicroLightItalicSC.woff") format("woff"),
url("../fonts/FreightMicroLightItalicSC/FreightMicroLightItalicSC.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FreightMicro MediumItalicSC
1. Для того, чтобы установить шрифт FreightMicro MediumItalicSC в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FreightMicroMediumItalicSC /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FreightMicroMediumItalicSC";
src: url("../fonts/FreightMicroMediumItalicSC/FreightMicroMediumItalicSC.eot");
src: url("../fonts/FreightMicroMediumItalicSC/FreightMicroMediumItalicSC.eot?#iefix")format("embedded-opentype"),
url("../fonts/FreightMicroMediumItalicSC/FreightMicroMediumItalicSC.woff") format("woff"),
url("../fonts/FreightMicroMediumItalicSC/FreightMicroMediumItalicSC.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FreightMicro MediumSC
1. Для того, чтобы установить шрифт FreightMicro MediumSC в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FreightMicroMediumSC /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FreightMicroMediumSC";
src: url("../fonts/FreightMicroMediumSC/FreightMicroMediumSC.eot");
src: url("../fonts/FreightMicroMediumSC/FreightMicroMediumSC.eot?#iefix")format("embedded-opentype"),
url("../fonts/FreightMicroMediumSC/FreightMicroMediumSC.woff") format("woff"),
url("../fonts/FreightMicroMediumSC/FreightMicroMediumSC.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FreightMicro BookItalicSC
1. Для того, чтобы установить шрифт FreightMicro BookItalicSC в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FreightMicroBookItalicSC /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FreightMicroBookItalicSC";
src: url("../fonts/FreightMicroBookItalicSC/FreightMicroBookItalicSC.eot");
src: url("../fonts/FreightMicroBookItalicSC/FreightMicroBookItalicSC.eot?#iefix")format("embedded-opentype"),
url("../fonts/FreightMicroBookItalicSC/FreightMicroBookItalicSC.woff") format("woff"),
url("../fonts/FreightMicroBookItalicSC/FreightMicroBookItalicSC.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FreightMicro BookSC
1. Для того, чтобы установить шрифт FreightMicro BookSC в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FreightMicroBookSC /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FreightMicroBookSC";
src: url("../fonts/FreightMicroBookSC/FreightMicroBookSC.eot");
src: url("../fonts/FreightMicroBookSC/FreightMicroBookSC.eot?#iefix")format("embedded-opentype"),
url("../fonts/FreightMicroBookSC/FreightMicroBookSC.woff") format("woff"),
url("../fonts/FreightMicroBookSC/FreightMicroBookSC.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FreightMicro BoldItalicSC
1. Для того, чтобы установить шрифт FreightMicro BoldItalicSC в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FreightMicroBoldItalicSC /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FreightMicroBoldItalicSC";
src: url("../fonts/FreightMicroBoldItalicSC/FreightMicroBoldItalicSC.eot");
src: url("../fonts/FreightMicroBoldItalicSC/FreightMicroBoldItalicSC.eot?#iefix")format("embedded-opentype"),
url("../fonts/FreightMicroBoldItalicSC/FreightMicroBoldItalicSC.woff") format("woff"),
url("../fonts/FreightMicroBoldItalicSC/FreightMicroBoldItalicSC.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FreightMicro BlackItalicSC
1. Для того, чтобы установить шрифт FreightMicro BlackItalicSC в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FreightMicroBlackItalicSC /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FreightMicroBlackItalicSC";
src: url("../fonts/FreightMicroBlackItalicSC/FreightMicroBlackItalicSC.eot");
src: url("../fonts/FreightMicroBlackItalicSC/FreightMicroBlackItalicSC.eot?#iefix")format("embedded-opentype"),
url("../fonts/FreightMicroBlackItalicSC/FreightMicroBlackItalicSC.woff") format("woff"),
url("../fonts/FreightMicroBlackItalicSC/FreightMicroBlackItalicSC.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FreightMicro BlackSC
1. Для того, чтобы установить шрифт FreightMicro BlackSC в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FreightMicroBlackSC /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FreightMicroBlackSC";
src: url("../fonts/FreightMicroBlackSC/FreightMicroBlackSC.eot");
src: url("../fonts/FreightMicroBlackSC/FreightMicroBlackSC.eot?#iefix")format("embedded-opentype"),
url("../fonts/FreightMicroBlackSC/FreightMicroBlackSC.woff") format("woff"),
url("../fonts/FreightMicroBlackSC/FreightMicroBlackSC.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FreightMicro Light
1. Для того, чтобы установить шрифт FreightMicro Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FreightMicroLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FreightMicroLight";
src: url("../fonts/FreightMicroLight/FreightMicroLight.eot");
src: url("../fonts/FreightMicroLight/FreightMicroLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/FreightMicroLight/FreightMicroLight.woff") format("woff"),
url("../fonts/FreightMicroLight/FreightMicroLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FreightMicro Medium
1. Для того, чтобы установить шрифт FreightMicro Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FreightMicroMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FreightMicroMedium";
src: url("../fonts/FreightMicroMedium/FreightMicroMedium.eot");
src: url("../fonts/FreightMicroMedium/FreightMicroMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/FreightMicroMedium/FreightMicroMedium.woff") format("woff"),
url("../fonts/FreightMicroMedium/FreightMicroMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FreightMicro Bold
1. Для того, чтобы установить шрифт FreightMicro Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FreightMicroBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FreightMicroBold";
src: url("../fonts/FreightMicroBold/FreightMicroBold.eot");
src: url("../fonts/FreightMicroBold/FreightMicroBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/FreightMicroBold/FreightMicroBold.woff") format("woff"),
url("../fonts/FreightMicroBold/FreightMicroBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FreightMicro Black
1. Для того, чтобы установить шрифт FreightMicro Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FreightMicroBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FreightMicroBlack";
src: url("../fonts/FreightMicroBlack/FreightMicroBlack.eot");
src: url("../fonts/FreightMicroBlack/FreightMicroBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/FreightMicroBlack/FreightMicroBlack.woff") format("woff"),
url("../fonts/FreightMicroBlack/FreightMicroBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FreightMicro LightItalic
1. Для того, чтобы установить шрифт FreightMicro LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FreightMicroLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FreightMicroLightItalic";
src: url("../fonts/FreightMicroLightItalic/FreightMicroLightItalic.eot");
src: url("../fonts/FreightMicroLightItalic/FreightMicroLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FreightMicroLightItalic/FreightMicroLightItalic.woff") format("woff"),
url("../fonts/FreightMicroLightItalic/FreightMicroLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FreightMicro MediumItalic
1. Для того, чтобы установить шрифт FreightMicro MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FreightMicroMediumItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FreightMicroMediumItalic";
src: url("../fonts/FreightMicroMediumItalic/FreightMicroMediumItalic.eot");
src: url("../fonts/FreightMicroMediumItalic/FreightMicroMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FreightMicroMediumItalic/FreightMicroMediumItalic.woff") format("woff"),
url("../fonts/FreightMicroMediumItalic/FreightMicroMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FreightMicro BoldItalic
1. Для того, чтобы установить шрифт FreightMicro BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FreightMicroBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FreightMicroBoldItalic";
src: url("../fonts/FreightMicroBoldItalic/FreightMicroBoldItalic.eot");
src: url("../fonts/FreightMicroBoldItalic/FreightMicroBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FreightMicroBoldItalic/FreightMicroBoldItalic.woff") format("woff"),
url("../fonts/FreightMicroBoldItalic/FreightMicroBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FreightMicro BlackItalic
1. Для того, чтобы установить шрифт FreightMicro BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FreightMicroBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FreightMicroBlackItalic";
src: url("../fonts/FreightMicroBlackItalic/FreightMicroBlackItalic.eot");
src: url("../fonts/FreightMicroBlackItalic/FreightMicroBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FreightMicroBlackItalic/FreightMicroBlackItalic.woff") format("woff"),
url("../fonts/FreightMicroBlackItalic/FreightMicroBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FreightMicro Book
1. Для того, чтобы установить шрифт FreightMicro Book в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FreightMicroBook /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FreightMicroBook";
src: url("../fonts/FreightMicroBook/FreightMicroBook.eot");
src: url("../fonts/FreightMicroBook/FreightMicroBook.eot?#iefix")format("embedded-opentype"),
url("../fonts/FreightMicroBook/FreightMicroBook.woff") format("woff"),
url("../fonts/FreightMicroBook/FreightMicroBook.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FreightMicro BookItalic
1. Для того, чтобы установить шрифт FreightMicro BookItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FreightMicroBookItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FreightMicroBookItalic";
src: url("../fonts/FreightMicroBookItalic/FreightMicroBookItalic.eot");
src: url("../fonts/FreightMicroBookItalic/FreightMicroBookItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FreightMicroBookItalic/FreightMicroBookItalic.woff") format("woff"),
url("../fonts/FreightMicroBookItalic/FreightMicroBookItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!