Шрифт BundaySlab
На нашем сайте, вы можете скачать шрифт BundaySlab для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт BundaySlab RegularUp
1. Для того, чтобы установить шрифт BundaySlab RegularUp в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /BundaySlabRegularUp /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "BundaySlabRegularUp";
src: url("../fonts/BundaySlabRegularUp/BundaySlabRegularUp.eot");
src: url("../fonts/BundaySlabRegularUp/BundaySlabRegularUp.eot?#iefix")format("embedded-opentype"),
url("../fonts/BundaySlabRegularUp/BundaySlabRegularUp.woff") format("woff"),
url("../fonts/BundaySlabRegularUp/BundaySlabRegularUp.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт BundaySlab LightIt
1. Для того, чтобы установить шрифт BundaySlab LightIt в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /BundaySlabLightIt /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "BundaySlabLightIt";
src: url("../fonts/BundaySlabLightIt/BundaySlabLightIt.eot");
src: url("../fonts/BundaySlabLightIt/BundaySlabLightIt.eot?#iefix")format("embedded-opentype"),
url("../fonts/BundaySlabLightIt/BundaySlabLightIt.woff") format("woff"),
url("../fonts/BundaySlabLightIt/BundaySlabLightIt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт BundaySlab SemiBoldUp
1. Для того, чтобы установить шрифт BundaySlab SemiBoldUp в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /BundaySlabSemiBoldUp /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "BundaySlabSemiBoldUp";
src: url("../fonts/BundaySlabSemiBoldUp/BundaySlabSemiBoldUp.eot");
src: url("../fonts/BundaySlabSemiBoldUp/BundaySlabSemiBoldUp.eot?#iefix")format("embedded-opentype"),
url("../fonts/BundaySlabSemiBoldUp/BundaySlabSemiBoldUp.woff") format("woff"),
url("../fonts/BundaySlabSemiBoldUp/BundaySlabSemiBoldUp.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт BundaySlab RegularIt
1. Для того, чтобы установить шрифт BundaySlab RegularIt в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /BundaySlabRegularIt /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "BundaySlabRegularIt";
src: url("../fonts/BundaySlabRegularIt/BundaySlabRegularIt.eot");
src: url("../fonts/BundaySlabRegularIt/BundaySlabRegularIt.eot?#iefix")format("embedded-opentype"),
url("../fonts/BundaySlabRegularIt/BundaySlabRegularIt.woff") format("woff"),
url("../fonts/BundaySlabRegularIt/BundaySlabRegularIt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт BundaySlab BoldUp
1. Для того, чтобы установить шрифт BundaySlab BoldUp в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /BundaySlabBoldUp /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "BundaySlabBoldUp";
src: url("../fonts/BundaySlabBoldUp/BundaySlabBoldUp.eot");
src: url("../fonts/BundaySlabBoldUp/BundaySlabBoldUp.eot?#iefix")format("embedded-opentype"),
url("../fonts/BundaySlabBoldUp/BundaySlabBoldUp.woff") format("woff"),
url("../fonts/BundaySlabBoldUp/BundaySlabBoldUp.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт BundaySlab SemiBoldIt
1. Для того, чтобы установить шрифт BundaySlab SemiBoldIt в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /BundaySlabSemiBoldIt /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "BundaySlabSemiBoldIt";
src: url("../fonts/BundaySlabSemiBoldIt/BundaySlabSemiBoldIt.eot");
src: url("../fonts/BundaySlabSemiBoldIt/BundaySlabSemiBoldIt.eot?#iefix")format("embedded-opentype"),
url("../fonts/BundaySlabSemiBoldIt/BundaySlabSemiBoldIt.woff") format("woff"),
url("../fonts/BundaySlabSemiBoldIt/BundaySlabSemiBoldIt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт BundaySlab ExtraBoldUp
1. Для того, чтобы установить шрифт BundaySlab ExtraBoldUp в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /BundaySlabExtraBoldUp /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "BundaySlabExtraBoldUp";
src: url("../fonts/BundaySlabExtraBoldUp/BundaySlabExtraBoldUp.eot");
src: url("../fonts/BundaySlabExtraBoldUp/BundaySlabExtraBoldUp.eot?#iefix")format("embedded-opentype"),
url("../fonts/BundaySlabExtraBoldUp/BundaySlabExtraBoldUp.woff") format("woff"),
url("../fonts/BundaySlabExtraBoldUp/BundaySlabExtraBoldUp.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт BundaySlab BoldIt
1. Для того, чтобы установить шрифт BundaySlab BoldIt в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /BundaySlabBoldIt /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "BundaySlabBoldIt";
src: url("../fonts/BundaySlabBoldIt/BundaySlabBoldIt.eot");
src: url("../fonts/BundaySlabBoldIt/BundaySlabBoldIt.eot?#iefix")format("embedded-opentype"),
url("../fonts/BundaySlabBoldIt/BundaySlabBoldIt.woff") format("woff"),
url("../fonts/BundaySlabBoldIt/BundaySlabBoldIt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт BundaySlab HeavyUp
1. Для того, чтобы установить шрифт BundaySlab HeavyUp в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /BundaySlabHeavyUp /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "BundaySlabHeavyUp";
src: url("../fonts/BundaySlabHeavyUp/BundaySlabHeavyUp.eot");
src: url("../fonts/BundaySlabHeavyUp/BundaySlabHeavyUp.eot?#iefix")format("embedded-opentype"),
url("../fonts/BundaySlabHeavyUp/BundaySlabHeavyUp.woff") format("woff"),
url("../fonts/BundaySlabHeavyUp/BundaySlabHeavyUp.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт BundaySlab Hair
1. Для того, чтобы установить шрифт BundaySlab Hair в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /BundaySlabHair /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "BundaySlabHair";
src: url("../fonts/BundaySlabHair/BundaySlabHair.eot");
src: url("../fonts/BundaySlabHair/BundaySlabHair.eot?#iefix")format("embedded-opentype"),
url("../fonts/BundaySlabHair/BundaySlabHair.woff") format("woff"),
url("../fonts/BundaySlabHair/BundaySlabHair.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт BundaySlab HairIt
1. Для того, чтобы установить шрифт BundaySlab HairIt в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /BundaySlabHairIt /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "BundaySlabHairIt";
src: url("../fonts/BundaySlabHairIt/BundaySlabHairIt.eot");
src: url("../fonts/BundaySlabHairIt/BundaySlabHairIt.eot?#iefix")format("embedded-opentype"),
url("../fonts/BundaySlabHairIt/BundaySlabHairIt.woff") format("woff"),
url("../fonts/BundaySlabHairIt/BundaySlabHairIt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт BundaySlab ExtraBoldIt
1. Для того, чтобы установить шрифт BundaySlab ExtraBoldIt в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /BundaySlabExtraBoldIt /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "BundaySlabExtraBoldIt";
src: url("../fonts/BundaySlabExtraBoldIt/BundaySlabExtraBoldIt.eot");
src: url("../fonts/BundaySlabExtraBoldIt/BundaySlabExtraBoldIt.eot?#iefix")format("embedded-opentype"),
url("../fonts/BundaySlabExtraBoldIt/BundaySlabExtraBoldIt.woff") format("woff"),
url("../fonts/BundaySlabExtraBoldIt/BundaySlabExtraBoldIt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт BundaySlab SemiLightIt
1. Для того, чтобы установить шрифт BundaySlab SemiLightIt в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /BundaySlabSemiLightIt /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "BundaySlabSemiLightIt";
src: url("../fonts/BundaySlabSemiLightIt/BundaySlabSemiLightIt.eot");
src: url("../fonts/BundaySlabSemiLightIt/BundaySlabSemiLightIt.eot?#iefix")format("embedded-opentype"),
url("../fonts/BundaySlabSemiLightIt/BundaySlabSemiLightIt.woff") format("woff"),
url("../fonts/BundaySlabSemiLightIt/BundaySlabSemiLightIt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт BundaySlab HairUp
1. Для того, чтобы установить шрифт BundaySlab HairUp в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /BundaySlabHairUp /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "BundaySlabHairUp";
src: url("../fonts/BundaySlabHairUp/BundaySlabHairUp.eot");
src: url("../fonts/BundaySlabHairUp/BundaySlabHairUp.eot?#iefix")format("embedded-opentype"),
url("../fonts/BundaySlabHairUp/BundaySlabHairUp.woff") format("woff"),
url("../fonts/BundaySlabHairUp/BundaySlabHairUp.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт BundaySlab ThinUp
1. Для того, чтобы установить шрифт BundaySlab ThinUp в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /BundaySlabThinUp /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "BundaySlabThinUp";
src: url("../fonts/BundaySlabThinUp/BundaySlabThinUp.eot");
src: url("../fonts/BundaySlabThinUp/BundaySlabThinUp.eot?#iefix")format("embedded-opentype"),
url("../fonts/BundaySlabThinUp/BundaySlabThinUp.woff") format("woff"),
url("../fonts/BundaySlabThinUp/BundaySlabThinUp.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт BundaySlab SemiLightUp
1. Для того, чтобы установить шрифт BundaySlab SemiLightUp в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /BundaySlabSemiLightUp /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "BundaySlabSemiLightUp";
src: url("../fonts/BundaySlabSemiLightUp/BundaySlabSemiLightUp.eot");
src: url("../fonts/BundaySlabSemiLightUp/BundaySlabSemiLightUp.eot?#iefix")format("embedded-opentype"),
url("../fonts/BundaySlabSemiLightUp/BundaySlabSemiLightUp.woff") format("woff"),
url("../fonts/BundaySlabSemiLightUp/BundaySlabSemiLightUp.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт BundaySlab LightUp
1. Для того, чтобы установить шрифт BundaySlab LightUp в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /BundaySlabLightUp /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "BundaySlabLightUp";
src: url("../fonts/BundaySlabLightUp/BundaySlabLightUp.eot");
src: url("../fonts/BundaySlabLightUp/BundaySlabLightUp.eot?#iefix")format("embedded-opentype"),
url("../fonts/BundaySlabLightUp/BundaySlabLightUp.woff") format("woff"),
url("../fonts/BundaySlabLightUp/BundaySlabLightUp.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт BundaySlab ThinIt
1. Для того, чтобы установить шрифт BundaySlab ThinIt в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /BundaySlabThinIt /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "BundaySlabThinIt";
src: url("../fonts/BundaySlabThinIt/BundaySlabThinIt.eot");
src: url("../fonts/BundaySlabThinIt/BundaySlabThinIt.eot?#iefix")format("embedded-opentype"),
url("../fonts/BundaySlabThinIt/BundaySlabThinIt.woff") format("woff"),
url("../fonts/BundaySlabThinIt/BundaySlabThinIt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт BundaySlab Thin
1. Для того, чтобы установить шрифт BundaySlab Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /BundaySlabThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "BundaySlabThin";
src: url("../fonts/BundaySlabThin/BundaySlabThin.eot");
src: url("../fonts/BundaySlabThin/BundaySlabThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/BundaySlabThin/BundaySlabThin.woff") format("woff"),
url("../fonts/BundaySlabThin/BundaySlabThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт BundaySlab SemiLight
1. Для того, чтобы установить шрифт BundaySlab SemiLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /BundaySlabSemiLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "BundaySlabSemiLight";
src: url("../fonts/BundaySlabSemiLight/BundaySlabSemiLight.eot");
src: url("../fonts/BundaySlabSemiLight/BundaySlabSemiLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/BundaySlabSemiLight/BundaySlabSemiLight.woff") format("woff"),
url("../fonts/BundaySlabSemiLight/BundaySlabSemiLight.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт BundaySlab Light
1. Для того, чтобы установить шрифт BundaySlab Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /BundaySlabLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "BundaySlabLight";
src: url("../fonts/BundaySlabLight/BundaySlabLight.eot");
src: url("../fonts/BundaySlabLight/BundaySlabLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/BundaySlabLight/BundaySlabLight.woff") format("woff"),
url("../fonts/BundaySlabLight/BundaySlabLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт BundaySlab Regular
1. Для того, чтобы установить шрифт BundaySlab Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /BundaySlabRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "BundaySlabRegular";
src: url("../fonts/BundaySlabRegular/BundaySlabRegular.eot");
src: url("../fonts/BundaySlabRegular/BundaySlabRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/BundaySlabRegular/BundaySlabRegular.woff") format("woff"),
url("../fonts/BundaySlabRegular/BundaySlabRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт BundaySlab SemiBold
1. Для того, чтобы установить шрифт BundaySlab SemiBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /BundaySlabSemiBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "BundaySlabSemiBold";
src: url("../fonts/BundaySlabSemiBold/BundaySlabSemiBold.eot");
src: url("../fonts/BundaySlabSemiBold/BundaySlabSemiBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/BundaySlabSemiBold/BundaySlabSemiBold.woff") format("woff"),
url("../fonts/BundaySlabSemiBold/BundaySlabSemiBold.ttf") format("truetype");
font-style: normal;
font-weight: 600;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт BundaySlab Bold
1. Для того, чтобы установить шрифт BundaySlab Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /BundaySlabBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "BundaySlabBold";
src: url("../fonts/BundaySlabBold/BundaySlabBold.eot");
src: url("../fonts/BundaySlabBold/BundaySlabBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/BundaySlabBold/BundaySlabBold.woff") format("woff"),
url("../fonts/BundaySlabBold/BundaySlabBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт BundaySlab ExtraBold
1. Для того, чтобы установить шрифт BundaySlab ExtraBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /BundaySlabExtraBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "BundaySlabExtraBold";
src: url("../fonts/BundaySlabExtraBold/BundaySlabExtraBold.eot");
src: url("../fonts/BundaySlabExtraBold/BundaySlabExtraBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/BundaySlabExtraBold/BundaySlabExtraBold.woff") format("woff"),
url("../fonts/BundaySlabExtraBold/BundaySlabExtraBold.ttf") format("truetype");
font-style: normal;
font-weight: 800;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт BundaySlab Heavy
1. Для того, чтобы установить шрифт BundaySlab Heavy в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /BundaySlabHeavy /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "BundaySlabHeavy";
src: url("../fonts/BundaySlabHeavy/BundaySlabHeavy.eot");
src: url("../fonts/BundaySlabHeavy/BundaySlabHeavy.eot?#iefix")format("embedded-opentype"),
url("../fonts/BundaySlabHeavy/BundaySlabHeavy.woff") format("woff"),
url("../fonts/BundaySlabHeavy/BundaySlabHeavy.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!