Шрифт Gopher Display
На нашем сайте, вы можете скачать шрифт Gopher Display для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GopherDisplay Hairline
1. Для того, чтобы установить шрифт GopherDisplay Hairline в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/GopherDisplayHairline
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherDisplayHairline";
src: url("../fonts/GopherDisplayHairline/GopherDisplayHairline.eot");
src: url("../fonts/GopherDisplayHairline/GopherDisplayHairline.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherDisplayHairline/GopherDisplayHairline.woff") format("woff"),
url("../fonts/GopherDisplayHairline/GopherDisplayHairline.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GopherDisplay HairlineItalic
1. Для того, чтобы установить шрифт GopherDisplay HairlineItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/GopherDisplayHairlineItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherDisplayHairlineItalic";
src: url("../fonts/GopherDisplayHairlineItalic/GopherDisplayHairlineItalic.eot");
src: url("../fonts/GopherDisplayHairlineItalic/GopherDisplayHairlineItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherDisplayHairlineItalic/GopherDisplayHairlineItalic.woff") format("woff"),
url("../fonts/GopherDisplayHairlineItalic/GopherDisplayHairlineItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GopherDisplay Thin
1. Для того, чтобы установить шрифт GopherDisplay Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/GopherDisplayThin
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherDisplayThin";
src: url("../fonts/GopherDisplayThin/GopherDisplayThin.eot");
src: url("../fonts/GopherDisplayThin/GopherDisplayThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherDisplayThin/GopherDisplayThin.woff") format("woff"),
url("../fonts/GopherDisplayThin/GopherDisplayThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GopherDisplay Light
1. Для того, чтобы установить шрифт GopherDisplay Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/GopherDisplayLight
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherDisplayLight";
src: url("../fonts/GopherDisplayLight/GopherDisplayLight.eot");
src: url("../fonts/GopherDisplayLight/GopherDisplayLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherDisplayLight/GopherDisplayLight.woff") format("woff"),
url("../fonts/GopherDisplayLight/GopherDisplayLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GopherDisplay Regular
1. Для того, чтобы установить шрифт GopherDisplay Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/GopherDisplayRegular
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherDisplayRegular";
src: url("../fonts/GopherDisplayRegular/GopherDisplayRegular.eot");
src: url("../fonts/GopherDisplayRegular/GopherDisplayRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherDisplayRegular/GopherDisplayRegular.woff") format("woff"),
url("../fonts/GopherDisplayRegular/GopherDisplayRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GopherDisplay Medium
1. Для того, чтобы установить шрифт GopherDisplay Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/GopherDisplayMedium
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherDisplayMedium";
src: url("../fonts/GopherDisplayMedium/GopherDisplayMedium.eot");
src: url("../fonts/GopherDisplayMedium/GopherDisplayMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherDisplayMedium/GopherDisplayMedium.woff") format("woff"),
url("../fonts/GopherDisplayMedium/GopherDisplayMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GopherDisplay Bold
1. Для того, чтобы установить шрифт GopherDisplay Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/GopherDisplayBold
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherDisplayBold";
src: url("../fonts/GopherDisplayBold/GopherDisplayBold.eot");
src: url("../fonts/GopherDisplayBold/GopherDisplayBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherDisplayBold/GopherDisplayBold.woff") format("woff"),
url("../fonts/GopherDisplayBold/GopherDisplayBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GopherDisplay Black
1. Для того, чтобы установить шрифт GopherDisplay Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/GopherDisplayBlack
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherDisplayBlack";
src: url("../fonts/GopherDisplayBlack/GopherDisplayBlack.eot");
src: url("../fonts/GopherDisplayBlack/GopherDisplayBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherDisplayBlack/GopherDisplayBlack.woff") format("woff"),
url("../fonts/GopherDisplayBlack/GopherDisplayBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GopherDisplay ThinItalic
1. Для того, чтобы установить шрифт GopherDisplay ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/GopherDisplayThinItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherDisplayThinItalic";
src: url("../fonts/GopherDisplayThinItalic/GopherDisplayThinItalic.eot");
src: url("../fonts/GopherDisplayThinItalic/GopherDisplayThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherDisplayThinItalic/GopherDisplayThinItalic.woff") format("woff"),
url("../fonts/GopherDisplayThinItalic/GopherDisplayThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: 100;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GopherDisplay LightItalic
1. Для того, чтобы установить шрифт GopherDisplay LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/GopherDisplayLightItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherDisplayLightItalic";
src: url("../fonts/GopherDisplayLightItalic/GopherDisplayLightItalic.eot");
src: url("../fonts/GopherDisplayLightItalic/GopherDisplayLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherDisplayLightItalic/GopherDisplayLightItalic.woff") format("woff"),
url("../fonts/GopherDisplayLightItalic/GopherDisplayLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GopherDisplay Italic
1. Для того, чтобы установить шрифт GopherDisplay Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/GopherDisplayItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherDisplayItalic";
src: url("../fonts/GopherDisplayItalic/GopherDisplayItalic.eot");
src: url("../fonts/GopherDisplayItalic/GopherDisplayItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherDisplayItalic/GopherDisplayItalic.woff") format("woff"),
url("../fonts/GopherDisplayItalic/GopherDisplayItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GopherDisplay MediumItalic
1. Для того, чтобы установить шрифт GopherDisplay MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/GopherDisplayMediumItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherDisplayMediumItalic";
src: url("../fonts/GopherDisplayMediumItalic/GopherDisplayMediumItalic.eot");
src: url("../fonts/GopherDisplayMediumItalic/GopherDisplayMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherDisplayMediumItalic/GopherDisplayMediumItalic.woff") format("woff"),
url("../fonts/GopherDisplayMediumItalic/GopherDisplayMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GopherDisplay BoldItalic
1. Для того, чтобы установить шрифт GopherDisplay BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/GopherDisplayBoldItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherDisplayBoldItalic";
src: url("../fonts/GopherDisplayBoldItalic/GopherDisplayBoldItalic.eot");
src: url("../fonts/GopherDisplayBoldItalic/GopherDisplayBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherDisplayBoldItalic/GopherDisplayBoldItalic.woff") format("woff"),
url("../fonts/GopherDisplayBoldItalic/GopherDisplayBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GopherDisplay BlackItalic
1. Для того, чтобы установить шрифт GopherDisplay BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/GopherDisplayBlackItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherDisplayBlackItalic";
src: url("../fonts/GopherDisplayBlackItalic/GopherDisplayBlackItalic.eot");
src: url("../fonts/GopherDisplayBlackItalic/GopherDisplayBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherDisplayBlackItalic/GopherDisplayBlackItalic.woff") format("woff"),
url("../fonts/GopherDisplayBlackItalic/GopherDisplayBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GopherDisplay Heavy
1. Для того, чтобы установить шрифт GopherDisplay Heavy в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/GopherDisplayHeavy
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherDisplayHeavy";
src: url("../fonts/GopherDisplayHeavy/GopherDisplayHeavy.eot");
src: url("../fonts/GopherDisplayHeavy/GopherDisplayHeavy.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherDisplayHeavy/GopherDisplayHeavy.woff") format("woff"),
url("../fonts/GopherDisplayHeavy/GopherDisplayHeavy.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GopherDisplay HeavyItalic
1. Для того, чтобы установить шрифт GopherDisplay HeavyItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/GopherDisplayHeavyItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherDisplayHeavyItalic";
src: url("../fonts/GopherDisplayHeavyItalic/GopherDisplayHeavyItalic.eot");
src: url("../fonts/GopherDisplayHeavyItalic/GopherDisplayHeavyItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherDisplayHeavyItalic/GopherDisplayHeavyItalic.woff") format("woff"),
url("../fonts/GopherDisplayHeavyItalic/GopherDisplayHeavyItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!