Шрифт Gopher
На нашем сайте, вы можете скачать шрифт Gopher для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Gopher Hairline
1. Для того, чтобы установить шрифт Gopher Hairline в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GopherHairline /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherHairline";
src: url("../fonts/GopherHairline/GopherHairline.eot");
src: url("../fonts/GopherHairline/GopherHairline.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherHairline/GopherHairline.woff") format("woff"),
url("../fonts/GopherHairline/GopherHairline.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Gopher HairlineItalic
1. Для того, чтобы установить шрифт Gopher HairlineItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GopherHairlineItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherHairlineItalic";
src: url("../fonts/GopherHairlineItalic/GopherHairlineItalic.eot");
src: url("../fonts/GopherHairlineItalic/GopherHairlineItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherHairlineItalic/GopherHairlineItalic.woff") format("woff"),
url("../fonts/GopherHairlineItalic/GopherHairlineItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Gopher Thin
1. Для того, чтобы установить шрифт Gopher Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GopherThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherThin";
src: url("../fonts/GopherThin/GopherThin.eot");
src: url("../fonts/GopherThin/GopherThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherThin/GopherThin.woff") format("woff"),
url("../fonts/GopherThin/GopherThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Gopher Light
1. Для того, чтобы установить шрифт Gopher Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GopherLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherLight";
src: url("../fonts/GopherLight/GopherLight.eot");
src: url("../fonts/GopherLight/GopherLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherLight/GopherLight.woff") format("woff"),
url("../fonts/GopherLight/GopherLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Gopher Regular
1. Для того, чтобы установить шрифт Gopher Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GopherRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherRegular";
src: url("../fonts/GopherRegular/GopherRegular.eot");
src: url("../fonts/GopherRegular/GopherRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherRegular/GopherRegular.woff") format("woff"),
url("../fonts/GopherRegular/GopherRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Gopher Medium
1. Для того, чтобы установить шрифт Gopher Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GopherMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherMedium";
src: url("../fonts/GopherMedium/GopherMedium.eot");
src: url("../fonts/GopherMedium/GopherMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherMedium/GopherMedium.woff") format("woff"),
url("../fonts/GopherMedium/GopherMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Gopher Bold
1. Для того, чтобы установить шрифт Gopher Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GopherBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherBold";
src: url("../fonts/GopherBold/GopherBold.eot");
src: url("../fonts/GopherBold/GopherBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherBold/GopherBold.woff") format("woff"),
url("../fonts/GopherBold/GopherBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Gopher Black
1. Для того, чтобы установить шрифт Gopher Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GopherBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherBlack";
src: url("../fonts/GopherBlack/GopherBlack.eot");
src: url("../fonts/GopherBlack/GopherBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherBlack/GopherBlack.woff") format("woff"),
url("../fonts/GopherBlack/GopherBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Gopher ThinItalic
1. Для того, чтобы установить шрифт Gopher ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GopherThinItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherThinItalic";
src: url("../fonts/GopherThinItalic/GopherThinItalic.eot");
src: url("../fonts/GopherThinItalic/GopherThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherThinItalic/GopherThinItalic.woff") format("woff"),
url("../fonts/GopherThinItalic/GopherThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Gopher LightItalic
1. Для того, чтобы установить шрифт Gopher LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GopherLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherLightItalic";
src: url("../fonts/GopherLightItalic/GopherLightItalic.eot");
src: url("../fonts/GopherLightItalic/GopherLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherLightItalic/GopherLightItalic.woff") format("woff"),
url("../fonts/GopherLightItalic/GopherLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Gopher Italic
1. Для того, чтобы установить шрифт Gopher Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GopherItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherItalic";
src: url("../fonts/GopherItalic/GopherItalic.eot");
src: url("../fonts/GopherItalic/GopherItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherItalic/GopherItalic.woff") format("woff"),
url("../fonts/GopherItalic/GopherItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Gopher MediumItalic
1. Для того, чтобы установить шрифт Gopher MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GopherMediumItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherMediumItalic";
src: url("../fonts/GopherMediumItalic/GopherMediumItalic.eot");
src: url("../fonts/GopherMediumItalic/GopherMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherMediumItalic/GopherMediumItalic.woff") format("woff"),
url("../fonts/GopherMediumItalic/GopherMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Gopher BoldItalic
1. Для того, чтобы установить шрифт Gopher BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GopherBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherBoldItalic";
src: url("../fonts/GopherBoldItalic/GopherBoldItalic.eot");
src: url("../fonts/GopherBoldItalic/GopherBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherBoldItalic/GopherBoldItalic.woff") format("woff"),
url("../fonts/GopherBoldItalic/GopherBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Gopher BlackItalic
1. Для того, чтобы установить шрифт Gopher BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GopherBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherBlackItalic";
src: url("../fonts/GopherBlackItalic/GopherBlackItalic.eot");
src: url("../fonts/GopherBlackItalic/GopherBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherBlackItalic/GopherBlackItalic.woff") format("woff"),
url("../fonts/GopherBlackItalic/GopherBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Gopher Heavy
1. Для того, чтобы установить шрифт Gopher Heavy в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GopherHeavy /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherHeavy";
src: url("../fonts/GopherHeavy/GopherHeavy.eot");
src: url("../fonts/GopherHeavy/GopherHeavy.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherHeavy/GopherHeavy.woff") format("woff"),
url("../fonts/GopherHeavy/GopherHeavy.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Gopher HeavyItalic
1. Для того, чтобы установить шрифт Gopher HeavyItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GopherHeavyItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherHeavyItalic";
src: url("../fonts/GopherHeavyItalic/GopherHeavyItalic.eot");
src: url("../fonts/GopherHeavyItalic/GopherHeavyItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherHeavyItalic/GopherHeavyItalic.woff") format("woff"),
url("../fonts/GopherHeavyItalic/GopherHeavyItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!