Шрифт Freight Sans
На нашем сайте, вы можете скачать шрифт Freight Sans для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FreightSans LightSC
1. Для того, чтобы установить шрифт FreightSans LightSC в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FreightSansLightSC /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FreightSansLightSC";
src: url("../fonts/FreightSansLightSC/FreightSansLightSC.eot");
src: url("../fonts/FreightSansLightSC/FreightSansLightSC.eot?#iefix")format("embedded-opentype"),
url("../fonts/FreightSansLightSC/FreightSansLightSC.woff") format("woff"),
url("../fonts/FreightSansLightSC/FreightSansLightSC.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FreightSans BoldSC
1. Для того, чтобы установить шрифт FreightSans BoldSC в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FreightSansBoldSC /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FreightSansBoldSC";
src: url("../fonts/FreightSansBoldSC/FreightSansBoldSC.eot");
src: url("../fonts/FreightSansBoldSC/FreightSansBoldSC.eot?#iefix")format("embedded-opentype"),
url("../fonts/FreightSansBoldSC/FreightSansBoldSC.woff") format("woff"),
url("../fonts/FreightSansBoldSC/FreightSansBoldSC.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FreightSans LightItalicSC
1. Для того, чтобы установить шрифт FreightSans LightItalicSC в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FreightSansLightItalicSC /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FreightSansLightItalicSC";
src: url("../fonts/FreightSansLightItalicSC/FreightSansLightItalicSC.eot");
src: url("../fonts/FreightSansLightItalicSC/FreightSansLightItalicSC.eot?#iefix")format("embedded-opentype"),
url("../fonts/FreightSansLightItalicSC/FreightSansLightItalicSC.woff") format("woff"),
url("../fonts/FreightSansLightItalicSC/FreightSansLightItalicSC.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FreightSans MediumItalicSC
1. Для того, чтобы установить шрифт FreightSans MediumItalicSC в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FreightSansMediumItalicSC /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FreightSansMediumItalicSC";
src: url("../fonts/FreightSansMediumItalicSC/FreightSansMediumItalicSC.eot");
src: url("../fonts/FreightSansMediumItalicSC/FreightSansMediumItalicSC.eot?#iefix")format("embedded-opentype"),
url("../fonts/FreightSansMediumItalicSC/FreightSansMediumItalicSC.woff") format("woff"),
url("../fonts/FreightSansMediumItalicSC/FreightSansMediumItalicSC.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FreightSans MediumSC
1. Для того, чтобы установить шрифт FreightSans MediumSC в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FreightSansMediumSC /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FreightSansMediumSC";
src: url("../fonts/FreightSansMediumSC/FreightSansMediumSC.eot");
src: url("../fonts/FreightSansMediumSC/FreightSansMediumSC.eot?#iefix")format("embedded-opentype"),
url("../fonts/FreightSansMediumSC/FreightSansMediumSC.woff") format("woff"),
url("../fonts/FreightSansMediumSC/FreightSansMediumSC.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FreightSans BookItalicSC
1. Для того, чтобы установить шрифт FreightSans BookItalicSC в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FreightSansBookItalicSC /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FreightSansBookItalicSC";
src: url("../fonts/FreightSansBookItalicSC/FreightSansBookItalicSC.eot");
src: url("../fonts/FreightSansBookItalicSC/FreightSansBookItalicSC.eot?#iefix")format("embedded-opentype"),
url("../fonts/FreightSansBookItalicSC/FreightSansBookItalicSC.woff") format("woff"),
url("../fonts/FreightSansBookItalicSC/FreightSansBookItalicSC.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FreightSans BookSC
1. Для того, чтобы установить шрифт FreightSans BookSC в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FreightSansBookSC /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FreightSansBookSC";
src: url("../fonts/FreightSansBookSC/FreightSansBookSC.eot");
src: url("../fonts/FreightSansBookSC/FreightSansBookSC.eot?#iefix")format("embedded-opentype"),
url("../fonts/FreightSansBookSC/FreightSansBookSC.woff") format("woff"),
url("../fonts/FreightSansBookSC/FreightSansBookSC.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FreightSans BoldItalicSC
1. Для того, чтобы установить шрифт FreightSans BoldItalicSC в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FreightSansBoldItalicSC /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FreightSansBoldItalicSC";
src: url("../fonts/FreightSansBoldItalicSC/FreightSansBoldItalicSC.eot");
src: url("../fonts/FreightSansBoldItalicSC/FreightSansBoldItalicSC.eot?#iefix")format("embedded-opentype"),
url("../fonts/FreightSansBoldItalicSC/FreightSansBoldItalicSC.woff") format("woff"),
url("../fonts/FreightSansBoldItalicSC/FreightSansBoldItalicSC.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FreightSans BlackItalicSC
1. Для того, чтобы установить шрифт FreightSans BlackItalicSC в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FreightSansBlackItalicSC /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FreightSansBlackItalicSC";
src: url("../fonts/FreightSansBlackItalicSC/FreightSansBlackItalicSC.eot");
src: url("../fonts/FreightSansBlackItalicSC/FreightSansBlackItalicSC.eot?#iefix")format("embedded-opentype"),
url("../fonts/FreightSansBlackItalicSC/FreightSansBlackItalicSC.woff") format("woff"),
url("../fonts/FreightSansBlackItalicSC/FreightSansBlackItalicSC.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FreightSans BlackSC
1. Для того, чтобы установить шрифт FreightSans BlackSC в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FreightSansBlackSC /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FreightSansBlackSC";
src: url("../fonts/FreightSansBlackSC/FreightSansBlackSC.eot");
src: url("../fonts/FreightSansBlackSC/FreightSansBlackSC.eot?#iefix")format("embedded-opentype"),
url("../fonts/FreightSansBlackSC/FreightSansBlackSC.woff") format("woff"),
url("../fonts/FreightSansBlackSC/FreightSansBlackSC.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FreightSans Light
1. Для того, чтобы установить шрифт FreightSans Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FreightSansLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FreightSansLight";
src: url("../fonts/FreightSansLight/FreightSansLight.eot");
src: url("../fonts/FreightSansLight/FreightSansLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/FreightSansLight/FreightSansLight.woff") format("woff"),
url("../fonts/FreightSansLight/FreightSansLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FreightSans Medium
1. Для того, чтобы установить шрифт FreightSans Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FreightSansMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FreightSansMedium";
src: url("../fonts/FreightSansMedium/FreightSansMedium.eot");
src: url("../fonts/FreightSansMedium/FreightSansMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/FreightSansMedium/FreightSansMedium.woff") format("woff"),
url("../fonts/FreightSansMedium/FreightSansMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FreightSans Bold
1. Для того, чтобы установить шрифт FreightSans Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FreightSansBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FreightSansBold";
src: url("../fonts/FreightSansBold/FreightSansBold.eot");
src: url("../fonts/FreightSansBold/FreightSansBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/FreightSansBold/FreightSansBold.woff") format("woff"),
url("../fonts/FreightSansBold/FreightSansBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FreightSans Black
1. Для того, чтобы установить шрифт FreightSans Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FreightSansBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FreightSansBlack";
src: url("../fonts/FreightSansBlack/FreightSansBlack.eot");
src: url("../fonts/FreightSansBlack/FreightSansBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/FreightSansBlack/FreightSansBlack.woff") format("woff"),
url("../fonts/FreightSansBlack/FreightSansBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FreightSans LightItalic
1. Для того, чтобы установить шрифт FreightSans LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FreightSansLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FreightSansLightItalic";
src: url("../fonts/FreightSansLightItalic/FreightSansLightItalic.eot");
src: url("../fonts/FreightSansLightItalic/FreightSansLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FreightSansLightItalic/FreightSansLightItalic.woff") format("woff"),
url("../fonts/FreightSansLightItalic/FreightSansLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FreightSans MediumItalic
1. Для того, чтобы установить шрифт FreightSans MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FreightSansMediumItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FreightSansMediumItalic";
src: url("../fonts/FreightSansMediumItalic/FreightSansMediumItalic.eot");
src: url("../fonts/FreightSansMediumItalic/FreightSansMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FreightSansMediumItalic/FreightSansMediumItalic.woff") format("woff"),
url("../fonts/FreightSansMediumItalic/FreightSansMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FreightSans BoldItalic
1. Для того, чтобы установить шрифт FreightSans BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FreightSansBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FreightSansBoldItalic";
src: url("../fonts/FreightSansBoldItalic/FreightSansBoldItalic.eot");
src: url("../fonts/FreightSansBoldItalic/FreightSansBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FreightSansBoldItalic/FreightSansBoldItalic.woff") format("woff"),
url("../fonts/FreightSansBoldItalic/FreightSansBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FreightSans BlackItalic
1. Для того, чтобы установить шрифт FreightSans BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FreightSansBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FreightSansBlackItalic";
src: url("../fonts/FreightSansBlackItalic/FreightSansBlackItalic.eot");
src: url("../fonts/FreightSansBlackItalic/FreightSansBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FreightSansBlackItalic/FreightSansBlackItalic.woff") format("woff"),
url("../fonts/FreightSansBlackItalic/FreightSansBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FreightSans Book
1. Для того, чтобы установить шрифт FreightSans Book в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FreightSansBook /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FreightSansBook";
src: url("../fonts/FreightSansBook/FreightSansBook.eot");
src: url("../fonts/FreightSansBook/FreightSansBook.eot?#iefix")format("embedded-opentype"),
url("../fonts/FreightSansBook/FreightSansBook.woff") format("woff"),
url("../fonts/FreightSansBook/FreightSansBook.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FreightSans BookItalic
1. Для того, чтобы установить шрифт FreightSans BookItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FreightSansBookItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FreightSansBookItalic";
src: url("../fonts/FreightSansBookItalic/FreightSansBookItalic.eot");
src: url("../fonts/FreightSansBookItalic/FreightSansBookItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FreightSansBookItalic/FreightSansBookItalic.woff") format("woff"),
url("../fonts/FreightSansBookItalic/FreightSansBookItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!