Шрифт Rational TW
На нашем сайте, вы можете скачать шрифт Rational TW для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт RationalTW Hairline
1. Для того, чтобы установить шрифт RationalTW Hairline в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/RationalTWHairline
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "RationalTWHairline";
src: url("../fonts/RationalTWHairline/RationalTWHairline.eot");
src: url("../fonts/RationalTWHairline/RationalTWHairline.eot?#iefix")format("embedded-opentype"),
url("../fonts/RationalTWHairline/RationalTWHairline.woff") format("woff"),
url("../fonts/RationalTWHairline/RationalTWHairline.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт RationalTW HairlineItalic
1. Для того, чтобы установить шрифт RationalTW HairlineItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/RationalTWHairlineItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "RationalTWHairlineItalic";
src: url("../fonts/RationalTWHairlineItalic/RationalTWHairlineItalic.eot");
src: url("../fonts/RationalTWHairlineItalic/RationalTWHairlineItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/RationalTWHairlineItalic/RationalTWHairlineItalic.woff") format("woff"),
url("../fonts/RationalTWHairlineItalic/RationalTWHairlineItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт RationalTW Thin
1. Для того, чтобы установить шрифт RationalTW Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/RationalTWThin
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "RationalTWThin";
src: url("../fonts/RationalTWThin/RationalTWThin.eot");
src: url("../fonts/RationalTWThin/RationalTWThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/RationalTWThin/RationalTWThin.woff") format("woff"),
url("../fonts/RationalTWThin/RationalTWThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт RationalTW ExtraLight
1. Для того, чтобы установить шрифт RationalTW ExtraLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/RationalTWExtraLight
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "RationalTWExtraLight";
src: url("../fonts/RationalTWExtraLight/RationalTWExtraLight.eot");
src: url("../fonts/RationalTWExtraLight/RationalTWExtraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/RationalTWExtraLight/RationalTWExtraLight.woff") format("woff"),
url("../fonts/RationalTWExtraLight/RationalTWExtraLight.ttf") format("truetype");
font-style: normal;
font-weight: 200;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт RationalTW Light
1. Для того, чтобы установить шрифт RationalTW Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/RationalTWLight
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "RationalTWLight";
src: url("../fonts/RationalTWLight/RationalTWLight.eot");
src: url("../fonts/RationalTWLight/RationalTWLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/RationalTWLight/RationalTWLight.woff") format("woff"),
url("../fonts/RationalTWLight/RationalTWLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт RationalTW Medium
1. Для того, чтобы установить шрифт RationalTW Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/RationalTWMedium
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "RationalTWMedium";
src: url("../fonts/RationalTWMedium/RationalTWMedium.eot");
src: url("../fonts/RationalTWMedium/RationalTWMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/RationalTWMedium/RationalTWMedium.woff") format("woff"),
url("../fonts/RationalTWMedium/RationalTWMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт RationalTW SemiBold
1. Для того, чтобы установить шрифт RationalTW SemiBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/RationalTWSemiBold
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "RationalTWSemiBold";
src: url("../fonts/RationalTWSemiBold/RationalTWSemiBold.eot");
src: url("../fonts/RationalTWSemiBold/RationalTWSemiBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/RationalTWSemiBold/RationalTWSemiBold.woff") format("woff"),
url("../fonts/RationalTWSemiBold/RationalTWSemiBold.ttf") format("truetype");
font-style: normal;
font-weight: 600;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт RationalTW Bold
1. Для того, чтобы установить шрифт RationalTW Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/RationalTWBold
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "RationalTWBold";
src: url("../fonts/RationalTWBold/RationalTWBold.eot");
src: url("../fonts/RationalTWBold/RationalTWBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/RationalTWBold/RationalTWBold.woff") format("woff"),
url("../fonts/RationalTWBold/RationalTWBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт RationalTW ExtraBold
1. Для того, чтобы установить шрифт RationalTW ExtraBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/RationalTWExtraBold
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "RationalTWExtraBold";
src: url("../fonts/RationalTWExtraBold/RationalTWExtraBold.eot");
src: url("../fonts/RationalTWExtraBold/RationalTWExtraBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/RationalTWExtraBold/RationalTWExtraBold.woff") format("woff"),
url("../fonts/RationalTWExtraBold/RationalTWExtraBold.ttf") format("truetype");
font-style: normal;
font-weight: 800;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт RationalTW ThinItalic
1. Для того, чтобы установить шрифт RationalTW ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/RationalTWThinItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "RationalTWThinItalic";
src: url("../fonts/RationalTWThinItalic/RationalTWThinItalic.eot");
src: url("../fonts/RationalTWThinItalic/RationalTWThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/RationalTWThinItalic/RationalTWThinItalic.woff") format("woff"),
url("../fonts/RationalTWThinItalic/RationalTWThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: 100;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт RationalTW ExtraLightItalic
1. Для того, чтобы установить шрифт RationalTW ExtraLightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/RationalTWExtraLightItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "RationalTWExtraLightItalic";
src: url("../fonts/RationalTWExtraLightItalic/RationalTWExtraLightItalic.eot");
src: url("../fonts/RationalTWExtraLightItalic/RationalTWExtraLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/RationalTWExtraLightItalic/RationalTWExtraLightItalic.woff") format("woff"),
url("../fonts/RationalTWExtraLightItalic/RationalTWExtraLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт RationalTW LightItalic
1. Для того, чтобы установить шрифт RationalTW LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/RationalTWLightItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "RationalTWLightItalic";
src: url("../fonts/RationalTWLightItalic/RationalTWLightItalic.eot");
src: url("../fonts/RationalTWLightItalic/RationalTWLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/RationalTWLightItalic/RationalTWLightItalic.woff") format("woff"),
url("../fonts/RationalTWLightItalic/RationalTWLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт RationalTW MediumItalic
1. Для того, чтобы установить шрифт RationalTW MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/RationalTWMediumItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "RationalTWMediumItalic";
src: url("../fonts/RationalTWMediumItalic/RationalTWMediumItalic.eot");
src: url("../fonts/RationalTWMediumItalic/RationalTWMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/RationalTWMediumItalic/RationalTWMediumItalic.woff") format("woff"),
url("../fonts/RationalTWMediumItalic/RationalTWMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт RationalTW BoldItalic
1. Для того, чтобы установить шрифт RationalTW BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/RationalTWBoldItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "RationalTWBoldItalic";
src: url("../fonts/RationalTWBoldItalic/RationalTWBoldItalic.eot");
src: url("../fonts/RationalTWBoldItalic/RationalTWBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/RationalTWBoldItalic/RationalTWBoldItalic.woff") format("woff"),
url("../fonts/RationalTWBoldItalic/RationalTWBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт RationalTW SemiBoldItalic
1. Для того, чтобы установить шрифт RationalTW SemiBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/RationalTWSemiBoldItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "RationalTWSemiBoldItalic";
src: url("../fonts/RationalTWSemiBoldItalic/RationalTWSemiBoldItalic.eot");
src: url("../fonts/RationalTWSemiBoldItalic/RationalTWSemiBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/RationalTWSemiBoldItalic/RationalTWSemiBoldItalic.woff") format("woff"),
url("../fonts/RationalTWSemiBoldItalic/RationalTWSemiBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт RationalTW ExtraBoldItalic
1. Для того, чтобы установить шрифт RationalTW ExtraBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/RationalTWExtraBoldItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "RationalTWExtraBoldItalic";
src: url("../fonts/RationalTWExtraBoldItalic/RationalTWExtraBoldItalic.eot");
src: url("../fonts/RationalTWExtraBoldItalic/RationalTWExtraBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/RationalTWExtraBoldItalic/RationalTWExtraBoldItalic.woff") format("woff"),
url("../fonts/RationalTWExtraBoldItalic/RationalTWExtraBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт RationalTW Book
1. Для того, чтобы установить шрифт RationalTW Book в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/RationalTWBook
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "RationalTWBook";
src: url("../fonts/RationalTWBook/RationalTWBook.eot");
src: url("../fonts/RationalTWBook/RationalTWBook.eot?#iefix")format("embedded-opentype"),
url("../fonts/RationalTWBook/RationalTWBook.woff") format("woff"),
url("../fonts/RationalTWBook/RationalTWBook.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт RationalTW BookItalic
1. Для того, чтобы установить шрифт RationalTW BookItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/RationalTWBookItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "RationalTWBookItalic";
src: url("../fonts/RationalTWBookItalic/RationalTWBookItalic.eot");
src: url("../fonts/RationalTWBookItalic/RationalTWBookItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/RationalTWBookItalic/RationalTWBookItalic.woff") format("woff"),
url("../fonts/RationalTWBookItalic/RationalTWBookItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!