Шрифт Tomkin
На нашем сайте, вы можете скачать шрифт Tomkin для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Tomkin SemiLighItalic
1. Для того, чтобы установить шрифт Tomkin SemiLighItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TomkinSemiLighItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TomkinSemiLighItalic";
src: url("../fonts/TomkinSemiLighItalic/TomkinSemiLighItalic.eot");
src: url("../fonts/TomkinSemiLighItalic/TomkinSemiLighItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/TomkinSemiLighItalic/TomkinSemiLighItalic.woff") format("woff"),
url("../fonts/TomkinSemiLighItalic/TomkinSemiLighItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Tomkin Thin
1. Для того, чтобы установить шрифт Tomkin Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TomkinThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TomkinThin";
src: url("../fonts/TomkinThin/TomkinThin.eot");
src: url("../fonts/TomkinThin/TomkinThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/TomkinThin/TomkinThin.woff") format("woff"),
url("../fonts/TomkinThin/TomkinThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Tomkin ExtraLight
1. Для того, чтобы установить шрифт Tomkin ExtraLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TomkinExtraLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TomkinExtraLight";
src: url("../fonts/TomkinExtraLight/TomkinExtraLight.eot");
src: url("../fonts/TomkinExtraLight/TomkinExtraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/TomkinExtraLight/TomkinExtraLight.woff") format("woff"),
url("../fonts/TomkinExtraLight/TomkinExtraLight.ttf") format("truetype");
font-style: normal;
font-weight: 200;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Tomkin SemiLight
1. Для того, чтобы установить шрифт Tomkin SemiLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TomkinSemiLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TomkinSemiLight";
src: url("../fonts/TomkinSemiLight/TomkinSemiLight.eot");
src: url("../fonts/TomkinSemiLight/TomkinSemiLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/TomkinSemiLight/TomkinSemiLight.woff") format("woff"),
url("../fonts/TomkinSemiLight/TomkinSemiLight.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Tomkin Light
1. Для того, чтобы установить шрифт Tomkin Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TomkinLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TomkinLight";
src: url("../fonts/TomkinLight/TomkinLight.eot");
src: url("../fonts/TomkinLight/TomkinLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/TomkinLight/TomkinLight.woff") format("woff"),
url("../fonts/TomkinLight/TomkinLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Tomkin Regular
1. Для того, чтобы установить шрифт Tomkin Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TomkinRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TomkinRegular";
src: url("../fonts/TomkinRegular/TomkinRegular.eot");
src: url("../fonts/TomkinRegular/TomkinRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/TomkinRegular/TomkinRegular.woff") format("woff"),
url("../fonts/TomkinRegular/TomkinRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Tomkin Medium
1. Для того, чтобы установить шрифт Tomkin Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TomkinMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TomkinMedium";
src: url("../fonts/TomkinMedium/TomkinMedium.eot");
src: url("../fonts/TomkinMedium/TomkinMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/TomkinMedium/TomkinMedium.woff") format("woff"),
url("../fonts/TomkinMedium/TomkinMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Tomkin Bold
1. Для того, чтобы установить шрифт Tomkin Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TomkinBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TomkinBold";
src: url("../fonts/TomkinBold/TomkinBold.eot");
src: url("../fonts/TomkinBold/TomkinBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/TomkinBold/TomkinBold.woff") format("woff"),
url("../fonts/TomkinBold/TomkinBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Tomkin ExtraBold
1. Для того, чтобы установить шрифт Tomkin ExtraBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TomkinExtraBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TomkinExtraBold";
src: url("../fonts/TomkinExtraBold/TomkinExtraBold.eot");
src: url("../fonts/TomkinExtraBold/TomkinExtraBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/TomkinExtraBold/TomkinExtraBold.woff") format("woff"),
url("../fonts/TomkinExtraBold/TomkinExtraBold.ttf") format("truetype");
font-style: normal;
font-weight: 800;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Tomkin Black
1. Для того, чтобы установить шрифт Tomkin Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TomkinBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TomkinBlack";
src: url("../fonts/TomkinBlack/TomkinBlack.eot");
src: url("../fonts/TomkinBlack/TomkinBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/TomkinBlack/TomkinBlack.woff") format("woff"),
url("../fonts/TomkinBlack/TomkinBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Tomkin ThinItalic
1. Для того, чтобы установить шрифт Tomkin ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TomkinThinItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TomkinThinItalic";
src: url("../fonts/TomkinThinItalic/TomkinThinItalic.eot");
src: url("../fonts/TomkinThinItalic/TomkinThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/TomkinThinItalic/TomkinThinItalic.woff") format("woff"),
url("../fonts/TomkinThinItalic/TomkinThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Tomkin ExtraLightItalic
1. Для того, чтобы установить шрифт Tomkin ExtraLightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TomkinExtraLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TomkinExtraLightItalic";
src: url("../fonts/TomkinExtraLightItalic/TomkinExtraLightItalic.eot");
src: url("../fonts/TomkinExtraLightItalic/TomkinExtraLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/TomkinExtraLightItalic/TomkinExtraLightItalic.woff") format("woff"),
url("../fonts/TomkinExtraLightItalic/TomkinExtraLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Tomkin LightItalic
1. Для того, чтобы установить шрифт Tomkin LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TomkinLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TomkinLightItalic";
src: url("../fonts/TomkinLightItalic/TomkinLightItalic.eot");
src: url("../fonts/TomkinLightItalic/TomkinLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/TomkinLightItalic/TomkinLightItalic.woff") format("woff"),
url("../fonts/TomkinLightItalic/TomkinLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Tomkin Italic
1. Для того, чтобы установить шрифт Tomkin Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TomkinItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TomkinItalic";
src: url("../fonts/TomkinItalic/TomkinItalic.eot");
src: url("../fonts/TomkinItalic/TomkinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/TomkinItalic/TomkinItalic.woff") format("woff"),
url("../fonts/TomkinItalic/TomkinItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Tomkin MediumItalic
1. Для того, чтобы установить шрифт Tomkin MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TomkinMediumItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TomkinMediumItalic";
src: url("../fonts/TomkinMediumItalic/TomkinMediumItalic.eot");
src: url("../fonts/TomkinMediumItalic/TomkinMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/TomkinMediumItalic/TomkinMediumItalic.woff") format("woff"),
url("../fonts/TomkinMediumItalic/TomkinMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Tomkin BoldItalic
1. Для того, чтобы установить шрифт Tomkin BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TomkinBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TomkinBoldItalic";
src: url("../fonts/TomkinBoldItalic/TomkinBoldItalic.eot");
src: url("../fonts/TomkinBoldItalic/TomkinBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/TomkinBoldItalic/TomkinBoldItalic.woff") format("woff"),
url("../fonts/TomkinBoldItalic/TomkinBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Tomkin ExtraBoldItalic
1. Для того, чтобы установить шрифт Tomkin ExtraBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TomkinExtraBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TomkinExtraBoldItalic";
src: url("../fonts/TomkinExtraBoldItalic/TomkinExtraBoldItalic.eot");
src: url("../fonts/TomkinExtraBoldItalic/TomkinExtraBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/TomkinExtraBoldItalic/TomkinExtraBoldItalic.woff") format("woff"),
url("../fonts/TomkinExtraBoldItalic/TomkinExtraBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Tomkin BlackItalic
1. Для того, чтобы установить шрифт Tomkin BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TomkinBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TomkinBlackItalic";
src: url("../fonts/TomkinBlackItalic/TomkinBlackItalic.eot");
src: url("../fonts/TomkinBlackItalic/TomkinBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/TomkinBlackItalic/TomkinBlackItalic.woff") format("woff"),
url("../fonts/TomkinBlackItalic/TomkinBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!