Шрифт Choplin
На нашем сайте, вы можете скачать шрифт Choplin для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Choplin Thin
1. Для того, чтобы установить шрифт Choplin Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ChoplinThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ChoplinThin";
src: url("../fonts/ChoplinThin/ChoplinThin.eot");
src: url("../fonts/ChoplinThin/ChoplinThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/ChoplinThin/ChoplinThin.woff") format("woff"),
url("../fonts/ChoplinThin/ChoplinThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Choplin ExtraLight
1. Для того, чтобы установить шрифт Choplin ExtraLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ChoplinExtraLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ChoplinExtraLight";
src: url("../fonts/ChoplinExtraLight/ChoplinExtraLight.eot");
src: url("../fonts/ChoplinExtraLight/ChoplinExtraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/ChoplinExtraLight/ChoplinExtraLight.woff") format("woff"),
url("../fonts/ChoplinExtraLight/ChoplinExtraLight.ttf") format("truetype");
font-style: normal;
font-weight: 200;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Choplin Light
1. Для того, чтобы установить шрифт Choplin Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ChoplinLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ChoplinLight";
src: url("../fonts/ChoplinLight/ChoplinLight.eot");
src: url("../fonts/ChoplinLight/ChoplinLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/ChoplinLight/ChoplinLight.woff") format("woff"),
url("../fonts/ChoplinLight/ChoplinLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Choplin Medium
1. Для того, чтобы установить шрифт Choplin Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ChoplinMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ChoplinMedium";
src: url("../fonts/ChoplinMedium/ChoplinMedium.eot");
src: url("../fonts/ChoplinMedium/ChoplinMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/ChoplinMedium/ChoplinMedium.woff") format("woff"),
url("../fonts/ChoplinMedium/ChoplinMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Choplin SemiBold
1. Для того, чтобы установить шрифт Choplin SemiBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ChoplinSemiBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ChoplinSemiBold";
src: url("../fonts/ChoplinSemiBold/ChoplinSemiBold.eot");
src: url("../fonts/ChoplinSemiBold/ChoplinSemiBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/ChoplinSemiBold/ChoplinSemiBold.woff") format("woff"),
url("../fonts/ChoplinSemiBold/ChoplinSemiBold.ttf") format("truetype");
font-style: normal;
font-weight: 600;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Choplin Bold
1. Для того, чтобы установить шрифт Choplin Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ChoplinBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ChoplinBold";
src: url("../fonts/ChoplinBold/ChoplinBold.eot");
src: url("../fonts/ChoplinBold/ChoplinBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/ChoplinBold/ChoplinBold.woff") format("woff"),
url("../fonts/ChoplinBold/ChoplinBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Choplin ExtraBold
1. Для того, чтобы установить шрифт Choplin ExtraBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ChoplinExtraBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ChoplinExtraBold";
src: url("../fonts/ChoplinExtraBold/ChoplinExtraBold.eot");
src: url("../fonts/ChoplinExtraBold/ChoplinExtraBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/ChoplinExtraBold/ChoplinExtraBold.woff") format("woff"),
url("../fonts/ChoplinExtraBold/ChoplinExtraBold.ttf") format("truetype");
font-style: normal;
font-weight: 800;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Choplin Black
1. Для того, чтобы установить шрифт Choplin Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ChoplinBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ChoplinBlack";
src: url("../fonts/ChoplinBlack/ChoplinBlack.eot");
src: url("../fonts/ChoplinBlack/ChoplinBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/ChoplinBlack/ChoplinBlack.woff") format("woff"),
url("../fonts/ChoplinBlack/ChoplinBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Choplin ThinItalic
1. Для того, чтобы установить шрифт Choplin ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ChoplinThinItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ChoplinThinItalic";
src: url("../fonts/ChoplinThinItalic/ChoplinThinItalic.eot");
src: url("../fonts/ChoplinThinItalic/ChoplinThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ChoplinThinItalic/ChoplinThinItalic.woff") format("woff"),
url("../fonts/ChoplinThinItalic/ChoplinThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Choplin ExtraLightItalic
1. Для того, чтобы установить шрифт Choplin ExtraLightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ChoplinExtraLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ChoplinExtraLightItalic";
src: url("../fonts/ChoplinExtraLightItalic/ChoplinExtraLightItalic.eot");
src: url("../fonts/ChoplinExtraLightItalic/ChoplinExtraLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ChoplinExtraLightItalic/ChoplinExtraLightItalic.woff") format("woff"),
url("../fonts/ChoplinExtraLightItalic/ChoplinExtraLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Choplin LightItalic
1. Для того, чтобы установить шрифт Choplin LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ChoplinLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ChoplinLightItalic";
src: url("../fonts/ChoplinLightItalic/ChoplinLightItalic.eot");
src: url("../fonts/ChoplinLightItalic/ChoplinLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ChoplinLightItalic/ChoplinLightItalic.woff") format("woff"),
url("../fonts/ChoplinLightItalic/ChoplinLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Choplin MediumItalic
1. Для того, чтобы установить шрифт Choplin MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ChoplinMediumItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ChoplinMediumItalic";
src: url("../fonts/ChoplinMediumItalic/ChoplinMediumItalic.eot");
src: url("../fonts/ChoplinMediumItalic/ChoplinMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ChoplinMediumItalic/ChoplinMediumItalic.woff") format("woff"),
url("../fonts/ChoplinMediumItalic/ChoplinMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Choplin BoldItalic
1. Для того, чтобы установить шрифт Choplin BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ChoplinBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ChoplinBoldItalic";
src: url("../fonts/ChoplinBoldItalic/ChoplinBoldItalic.eot");
src: url("../fonts/ChoplinBoldItalic/ChoplinBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ChoplinBoldItalic/ChoplinBoldItalic.woff") format("woff"),
url("../fonts/ChoplinBoldItalic/ChoplinBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Choplin SemiBoldItalic
1. Для того, чтобы установить шрифт Choplin SemiBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ChoplinSemiBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ChoplinSemiBoldItalic";
src: url("../fonts/ChoplinSemiBoldItalic/ChoplinSemiBoldItalic.eot");
src: url("../fonts/ChoplinSemiBoldItalic/ChoplinSemiBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ChoplinSemiBoldItalic/ChoplinSemiBoldItalic.woff") format("woff"),
url("../fonts/ChoplinSemiBoldItalic/ChoplinSemiBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Choplin ExtraBoldItalic
1. Для того, чтобы установить шрифт Choplin ExtraBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ChoplinExtraBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ChoplinExtraBoldItalic";
src: url("../fonts/ChoplinExtraBoldItalic/ChoplinExtraBoldItalic.eot");
src: url("../fonts/ChoplinExtraBoldItalic/ChoplinExtraBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ChoplinExtraBoldItalic/ChoplinExtraBoldItalic.woff") format("woff"),
url("../fonts/ChoplinExtraBoldItalic/ChoplinExtraBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Choplin BlackItalic
1. Для того, чтобы установить шрифт Choplin BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ChoplinBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ChoplinBlackItalic";
src: url("../fonts/ChoplinBlackItalic/ChoplinBlackItalic.eot");
src: url("../fonts/ChoplinBlackItalic/ChoplinBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ChoplinBlackItalic/ChoplinBlackItalic.woff") format("woff"),
url("../fonts/ChoplinBlackItalic/ChoplinBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Choplin Book
1. Для того, чтобы установить шрифт Choplin Book в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ChoplinBook /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ChoplinBook";
src: url("../fonts/ChoplinBook/ChoplinBook.eot");
src: url("../fonts/ChoplinBook/ChoplinBook.eot?#iefix")format("embedded-opentype"),
url("../fonts/ChoplinBook/ChoplinBook.woff") format("woff"),
url("../fonts/ChoplinBook/ChoplinBook.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Choplin BookItalic
1. Для того, чтобы установить шрифт Choplin BookItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ChoplinBookItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ChoplinBookItalic";
src: url("../fonts/ChoplinBookItalic/ChoplinBookItalic.eot");
src: url("../fonts/ChoplinBookItalic/ChoplinBookItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ChoplinBookItalic/ChoplinBookItalic.woff") format("woff"),
url("../fonts/ChoplinBookItalic/ChoplinBookItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!