Шрифт Tafel Sans Pro
На нашем сайте, вы можете скачать шрифт Tafel Sans Pro для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TafelSansPro RegularIt
1. Для того, чтобы установить шрифт TafelSansPro RegularIt в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TafelSansProRegularIt /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TafelSansProRegularIt";
src: url("../fonts/TafelSansProRegularIt/TafelSansProRegularIt.eot");
src: url("../fonts/TafelSansProRegularIt/TafelSansProRegularIt.eot?#iefix")format("embedded-opentype"),
url("../fonts/TafelSansProRegularIt/TafelSansProRegularIt.woff") format("woff"),
url("../fonts/TafelSansProRegularIt/TafelSansProRegularIt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TafelSansPro SemiBoldIt
1. Для того, чтобы установить шрифт TafelSansPro SemiBoldIt в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TafelSansProSemiBoldIt /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TafelSansProSemiBoldIt";
src: url("../fonts/TafelSansProSemiBoldIt/TafelSansProSemiBoldIt.eot");
src: url("../fonts/TafelSansProSemiBoldIt/TafelSansProSemiBoldIt.eot?#iefix")format("embedded-opentype"),
url("../fonts/TafelSansProSemiBoldIt/TafelSansProSemiBoldIt.woff") format("woff"),
url("../fonts/TafelSansProSemiBoldIt/TafelSansProSemiBoldIt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TafelSansPro BoldIt
1. Для того, чтобы установить шрифт TafelSansPro BoldIt в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TafelSansProBoldIt /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TafelSansProBoldIt";
src: url("../fonts/TafelSansProBoldIt/TafelSansProBoldIt.eot");
src: url("../fonts/TafelSansProBoldIt/TafelSansProBoldIt.eot?#iefix")format("embedded-opentype"),
url("../fonts/TafelSansProBoldIt/TafelSansProBoldIt.woff") format("woff"),
url("../fonts/TafelSansProBoldIt/TafelSansProBoldIt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TafelSansPro BlackIt
1. Для того, чтобы установить шрифт TafelSansPro BlackIt в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TafelSansProBlackIt /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TafelSansProBlackIt";
src: url("../fonts/TafelSansProBlackIt/TafelSansProBlackIt.eot");
src: url("../fonts/TafelSansProBlackIt/TafelSansProBlackIt.eot?#iefix")format("embedded-opentype"),
url("../fonts/TafelSansProBlackIt/TafelSansProBlackIt.woff") format("woff"),
url("../fonts/TafelSansProBlackIt/TafelSansProBlackIt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TafelSansPro ExtraBoldIt
1. Для того, чтобы установить шрифт TafelSansPro ExtraBoldIt в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TafelSansProExtraBoldIt /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TafelSansProExtraBoldIt";
src: url("../fonts/TafelSansProExtraBoldIt/TafelSansProExtraBoldIt.eot");
src: url("../fonts/TafelSansProExtraBoldIt/TafelSansProExtraBoldIt.eot?#iefix")format("embedded-opentype"),
url("../fonts/TafelSansProExtraBoldIt/TafelSansProExtraBoldIt.woff") format("woff"),
url("../fonts/TafelSansProExtraBoldIt/TafelSansProExtraBoldIt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TafelSansPro ExtraLightit
1. Для того, чтобы установить шрифт TafelSansPro ExtraLightit в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TafelSansProExtraLightit /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TafelSansProExtraLightit";
src: url("../fonts/TafelSansProExtraLightit/TafelSansProExtraLightit.eot");
src: url("../fonts/TafelSansProExtraLightit/TafelSansProExtraLightit.eot?#iefix")format("embedded-opentype"),
url("../fonts/TafelSansProExtraLightit/TafelSansProExtraLightit.woff") format("woff"),
url("../fonts/TafelSansProExtraLightit/TafelSansProExtraLightit.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TafelSansPro ThinIt
1. Для того, чтобы установить шрифт TafelSansPro ThinIt в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TafelSansProThinIt /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TafelSansProThinIt";
src: url("../fonts/TafelSansProThinIt/TafelSansProThinIt.eot");
src: url("../fonts/TafelSansProThinIt/TafelSansProThinIt.eot?#iefix")format("embedded-opentype"),
url("../fonts/TafelSansProThinIt/TafelSansProThinIt.woff") format("woff"),
url("../fonts/TafelSansProThinIt/TafelSansProThinIt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TafelSansPro LightIt
1. Для того, чтобы установить шрифт TafelSansPro LightIt в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TafelSansProLightIt /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TafelSansProLightIt";
src: url("../fonts/TafelSansProLightIt/TafelSansProLightIt.eot");
src: url("../fonts/TafelSansProLightIt/TafelSansProLightIt.eot?#iefix")format("embedded-opentype"),
url("../fonts/TafelSansProLightIt/TafelSansProLightIt.woff") format("woff"),
url("../fonts/TafelSansProLightIt/TafelSansProLightIt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TafelSansPro Thin
1. Для того, чтобы установить шрифт TafelSansPro Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TafelSansProThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TafelSansProThin";
src: url("../fonts/TafelSansProThin/TafelSansProThin.eot");
src: url("../fonts/TafelSansProThin/TafelSansProThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/TafelSansProThin/TafelSansProThin.woff") format("woff"),
url("../fonts/TafelSansProThin/TafelSansProThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TafelSansPro ExtraLight
1. Для того, чтобы установить шрифт TafelSansPro ExtraLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TafelSansProExtraLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TafelSansProExtraLight";
src: url("../fonts/TafelSansProExtraLight/TafelSansProExtraLight.eot");
src: url("../fonts/TafelSansProExtraLight/TafelSansProExtraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/TafelSansProExtraLight/TafelSansProExtraLight.woff") format("woff"),
url("../fonts/TafelSansProExtraLight/TafelSansProExtraLight.ttf") format("truetype");
font-style: normal;
font-weight: 200;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TafelSansPro Light
1. Для того, чтобы установить шрифт TafelSansPro Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TafelSansProLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TafelSansProLight";
src: url("../fonts/TafelSansProLight/TafelSansProLight.eot");
src: url("../fonts/TafelSansProLight/TafelSansProLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/TafelSansProLight/TafelSansProLight.woff") format("woff"),
url("../fonts/TafelSansProLight/TafelSansProLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TafelSansPro Regular
1. Для того, чтобы установить шрифт TafelSansPro Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TafelSansProRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TafelSansProRegular";
src: url("../fonts/TafelSansProRegular/TafelSansProRegular.eot");
src: url("../fonts/TafelSansProRegular/TafelSansProRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/TafelSansProRegular/TafelSansProRegular.woff") format("woff"),
url("../fonts/TafelSansProRegular/TafelSansProRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TafelSansPro SemiBold
1. Для того, чтобы установить шрифт TafelSansPro SemiBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TafelSansProSemiBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TafelSansProSemiBold";
src: url("../fonts/TafelSansProSemiBold/TafelSansProSemiBold.eot");
src: url("../fonts/TafelSansProSemiBold/TafelSansProSemiBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/TafelSansProSemiBold/TafelSansProSemiBold.woff") format("woff"),
url("../fonts/TafelSansProSemiBold/TafelSansProSemiBold.ttf") format("truetype");
font-style: normal;
font-weight: 600;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TafelSansPro Bold
1. Для того, чтобы установить шрифт TafelSansPro Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TafelSansProBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TafelSansProBold";
src: url("../fonts/TafelSansProBold/TafelSansProBold.eot");
src: url("../fonts/TafelSansProBold/TafelSansProBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/TafelSansProBold/TafelSansProBold.woff") format("woff"),
url("../fonts/TafelSansProBold/TafelSansProBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TafelSansPro ExtraBold
1. Для того, чтобы установить шрифт TafelSansPro ExtraBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TafelSansProExtraBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TafelSansProExtraBold";
src: url("../fonts/TafelSansProExtraBold/TafelSansProExtraBold.eot");
src: url("../fonts/TafelSansProExtraBold/TafelSansProExtraBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/TafelSansProExtraBold/TafelSansProExtraBold.woff") format("woff"),
url("../fonts/TafelSansProExtraBold/TafelSansProExtraBold.ttf") format("truetype");
font-style: normal;
font-weight: 800;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TafelSansPro Black
1. Для того, чтобы установить шрифт TafelSansPro Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TafelSansProBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TafelSansProBlack";
src: url("../fonts/TafelSansProBlack/TafelSansProBlack.eot");
src: url("../fonts/TafelSansProBlack/TafelSansProBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/TafelSansProBlack/TafelSansProBlack.woff") format("woff"),
url("../fonts/TafelSansProBlack/TafelSansProBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!