Шрифт Graphik
На нашем сайте, вы можете скачать шрифт Graphik для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Graphik Super
1. Для того, чтобы установить шрифт Graphik Super в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GraphikSuper /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GraphikSuper";
src: url("../fonts/GraphikSuper/GraphikSuper.eot");
src: url("../fonts/GraphikSuper/GraphikSuper.eot?#iefix")format("embedded-opentype"),
url("../fonts/GraphikSuper/GraphikSuper.woff") format("woff"),
url("../fonts/GraphikSuper/GraphikSuper.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Graphik SuperItalic
1. Для того, чтобы установить шрифт Graphik SuperItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GraphikSuperItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GraphikSuperItalic";
src: url("../fonts/GraphikSuperItalic/GraphikSuperItalic.eot");
src: url("../fonts/GraphikSuperItalic/GraphikSuperItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GraphikSuperItalic/GraphikSuperItalic.woff") format("woff"),
url("../fonts/GraphikSuperItalic/GraphikSuperItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Graphik Thin
1. Для того, чтобы установить шрифт Graphik Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GraphikThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GraphikThin";
src: url("../fonts/GraphikThin/GraphikThin.eot");
src: url("../fonts/GraphikThin/GraphikThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/GraphikThin/GraphikThin.woff") format("woff"),
url("../fonts/GraphikThin/GraphikThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Graphik ExtraLight
1. Для того, чтобы установить шрифт Graphik ExtraLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GraphikExtraLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GraphikExtraLight";
src: url("../fonts/GraphikExtraLight/GraphikExtraLight.eot");
src: url("../fonts/GraphikExtraLight/GraphikExtraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/GraphikExtraLight/GraphikExtraLight.woff") format("woff"),
url("../fonts/GraphikExtraLight/GraphikExtraLight.ttf") format("truetype");
font-style: normal;
font-weight: 200;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Graphik Light
1. Для того, чтобы установить шрифт Graphik Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GraphikLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GraphikLight";
src: url("../fonts/GraphikLight/GraphikLight.eot");
src: url("../fonts/GraphikLight/GraphikLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/GraphikLight/GraphikLight.woff") format("woff"),
url("../fonts/GraphikLight/GraphikLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Graphik Regular
1. Для того, чтобы установить шрифт Graphik Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GraphikRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GraphikRegular";
src: url("../fonts/GraphikRegular/GraphikRegular.eot");
src: url("../fonts/GraphikRegular/GraphikRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/GraphikRegular/GraphikRegular.woff") format("woff"),
url("../fonts/GraphikRegular/GraphikRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Graphik Medium
1. Для того, чтобы установить шрифт Graphik Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GraphikMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GraphikMedium";
src: url("../fonts/GraphikMedium/GraphikMedium.eot");
src: url("../fonts/GraphikMedium/GraphikMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/GraphikMedium/GraphikMedium.woff") format("woff"),
url("../fonts/GraphikMedium/GraphikMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Graphik SemiBold
1. Для того, чтобы установить шрифт Graphik SemiBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GraphikSemiBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GraphikSemiBold";
src: url("../fonts/GraphikSemiBold/GraphikSemiBold.eot");
src: url("../fonts/GraphikSemiBold/GraphikSemiBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/GraphikSemiBold/GraphikSemiBold.woff") format("woff"),
url("../fonts/GraphikSemiBold/GraphikSemiBold.ttf") format("truetype");
font-style: normal;
font-weight: 600;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Graphik Bold
1. Для того, чтобы установить шрифт Graphik Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GraphikBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GraphikBold";
src: url("../fonts/GraphikBold/GraphikBold.eot");
src: url("../fonts/GraphikBold/GraphikBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/GraphikBold/GraphikBold.woff") format("woff"),
url("../fonts/GraphikBold/GraphikBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Graphik Black
1. Для того, чтобы установить шрифт Graphik Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GraphikBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GraphikBlack";
src: url("../fonts/GraphikBlack/GraphikBlack.eot");
src: url("../fonts/GraphikBlack/GraphikBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/GraphikBlack/GraphikBlack.woff") format("woff"),
url("../fonts/GraphikBlack/GraphikBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Graphik ThinItalic
1. Для того, чтобы установить шрифт Graphik ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GraphikThinItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GraphikThinItalic";
src: url("../fonts/GraphikThinItalic/GraphikThinItalic.eot");
src: url("../fonts/GraphikThinItalic/GraphikThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GraphikThinItalic/GraphikThinItalic.woff") format("woff"),
url("../fonts/GraphikThinItalic/GraphikThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Graphik ExtraLightItalic
1. Для того, чтобы установить шрифт Graphik ExtraLightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GraphikExtraLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GraphikExtraLightItalic";
src: url("../fonts/GraphikExtraLightItalic/GraphikExtraLightItalic.eot");
src: url("../fonts/GraphikExtraLightItalic/GraphikExtraLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GraphikExtraLightItalic/GraphikExtraLightItalic.woff") format("woff"),
url("../fonts/GraphikExtraLightItalic/GraphikExtraLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Graphik LightItalic
1. Для того, чтобы установить шрифт Graphik LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GraphikLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GraphikLightItalic";
src: url("../fonts/GraphikLightItalic/GraphikLightItalic.eot");
src: url("../fonts/GraphikLightItalic/GraphikLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GraphikLightItalic/GraphikLightItalic.woff") format("woff"),
url("../fonts/GraphikLightItalic/GraphikLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Graphik MediumItalic
1. Для того, чтобы установить шрифт Graphik MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GraphikMediumItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GraphikMediumItalic";
src: url("../fonts/GraphikMediumItalic/GraphikMediumItalic.eot");
src: url("../fonts/GraphikMediumItalic/GraphikMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GraphikMediumItalic/GraphikMediumItalic.woff") format("woff"),
url("../fonts/GraphikMediumItalic/GraphikMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Graphik BoldItalic
1. Для того, чтобы установить шрифт Graphik BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GraphikBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GraphikBoldItalic";
src: url("../fonts/GraphikBoldItalic/GraphikBoldItalic.eot");
src: url("../fonts/GraphikBoldItalic/GraphikBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GraphikBoldItalic/GraphikBoldItalic.woff") format("woff"),
url("../fonts/GraphikBoldItalic/GraphikBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Graphik SemiBoldItalic
1. Для того, чтобы установить шрифт Graphik SemiBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GraphikSemiBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GraphikSemiBoldItalic";
src: url("../fonts/GraphikSemiBoldItalic/GraphikSemiBoldItalic.eot");
src: url("../fonts/GraphikSemiBoldItalic/GraphikSemiBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GraphikSemiBoldItalic/GraphikSemiBoldItalic.woff") format("woff"),
url("../fonts/GraphikSemiBoldItalic/GraphikSemiBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Graphik BlackItalic
1. Для того, чтобы установить шрифт Graphik BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GraphikBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GraphikBlackItalic";
src: url("../fonts/GraphikBlackItalic/GraphikBlackItalic.eot");
src: url("../fonts/GraphikBlackItalic/GraphikBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GraphikBlackItalic/GraphikBlackItalic.woff") format("woff"),
url("../fonts/GraphikBlackItalic/GraphikBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Graphik RegularItalic
1. Для того, чтобы установить шрифт Graphik RegularItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GraphikRegularItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GraphikRegularItalic";
src: url("../fonts/GraphikRegularItalic/GraphikRegularItalic.eot");
src: url("../fonts/GraphikRegularItalic/GraphikRegularItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GraphikRegularItalic/GraphikRegularItalic.woff") format("woff"),
url("../fonts/GraphikRegularItalic/GraphikRegularItalic.ttf") format("truetype");
font-style: italic;
font-weight: 400;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!