Шрифт Gopher Text
На нашем сайте, вы можете скачать шрифт Gopher Text для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GopherText Hairline
1. Для того, чтобы установить шрифт GopherText Hairline в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GopherTextHairline /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherTextHairline";
src: url("../fonts/GopherTextHairline/GopherTextHairline.eot");
src: url("../fonts/GopherTextHairline/GopherTextHairline.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherTextHairline/GopherTextHairline.woff") format("woff"),
url("../fonts/GopherTextHairline/GopherTextHairline.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GopherText HairlineItalic
1. Для того, чтобы установить шрифт GopherText HairlineItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GopherTextHairlineItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherTextHairlineItalic";
src: url("../fonts/GopherTextHairlineItalic/GopherTextHairlineItalic.eot");
src: url("../fonts/GopherTextHairlineItalic/GopherTextHairlineItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherTextHairlineItalic/GopherTextHairlineItalic.woff") format("woff"),
url("../fonts/GopherTextHairlineItalic/GopherTextHairlineItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GopherText Thin
1. Для того, чтобы установить шрифт GopherText Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GopherTextThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherTextThin";
src: url("../fonts/GopherTextThin/GopherTextThin.eot");
src: url("../fonts/GopherTextThin/GopherTextThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherTextThin/GopherTextThin.woff") format("woff"),
url("../fonts/GopherTextThin/GopherTextThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GopherText Light
1. Для того, чтобы установить шрифт GopherText Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GopherTextLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherTextLight";
src: url("../fonts/GopherTextLight/GopherTextLight.eot");
src: url("../fonts/GopherTextLight/GopherTextLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherTextLight/GopherTextLight.woff") format("woff"),
url("../fonts/GopherTextLight/GopherTextLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GopherText Regular
1. Для того, чтобы установить шрифт GopherText Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GopherTextRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherTextRegular";
src: url("../fonts/GopherTextRegular/GopherTextRegular.eot");
src: url("../fonts/GopherTextRegular/GopherTextRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherTextRegular/GopherTextRegular.woff") format("woff"),
url("../fonts/GopherTextRegular/GopherTextRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GopherText Medium
1. Для того, чтобы установить шрифт GopherText Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GopherTextMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherTextMedium";
src: url("../fonts/GopherTextMedium/GopherTextMedium.eot");
src: url("../fonts/GopherTextMedium/GopherTextMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherTextMedium/GopherTextMedium.woff") format("woff"),
url("../fonts/GopherTextMedium/GopherTextMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GopherText Bold
1. Для того, чтобы установить шрифт GopherText Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GopherTextBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherTextBold";
src: url("../fonts/GopherTextBold/GopherTextBold.eot");
src: url("../fonts/GopherTextBold/GopherTextBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherTextBold/GopherTextBold.woff") format("woff"),
url("../fonts/GopherTextBold/GopherTextBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GopherText Black
1. Для того, чтобы установить шрифт GopherText Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GopherTextBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherTextBlack";
src: url("../fonts/GopherTextBlack/GopherTextBlack.eot");
src: url("../fonts/GopherTextBlack/GopherTextBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherTextBlack/GopherTextBlack.woff") format("woff"),
url("../fonts/GopherTextBlack/GopherTextBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GopherText ThinItalic
1. Для того, чтобы установить шрифт GopherText ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GopherTextThinItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherTextThinItalic";
src: url("../fonts/GopherTextThinItalic/GopherTextThinItalic.eot");
src: url("../fonts/GopherTextThinItalic/GopherTextThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherTextThinItalic/GopherTextThinItalic.woff") format("woff"),
url("../fonts/GopherTextThinItalic/GopherTextThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GopherText LightItalic
1. Для того, чтобы установить шрифт GopherText LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GopherTextLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherTextLightItalic";
src: url("../fonts/GopherTextLightItalic/GopherTextLightItalic.eot");
src: url("../fonts/GopherTextLightItalic/GopherTextLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherTextLightItalic/GopherTextLightItalic.woff") format("woff"),
url("../fonts/GopherTextLightItalic/GopherTextLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GopherText Italic
1. Для того, чтобы установить шрифт GopherText Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GopherTextItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherTextItalic";
src: url("../fonts/GopherTextItalic/GopherTextItalic.eot");
src: url("../fonts/GopherTextItalic/GopherTextItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherTextItalic/GopherTextItalic.woff") format("woff"),
url("../fonts/GopherTextItalic/GopherTextItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GopherText MediumItalic
1. Для того, чтобы установить шрифт GopherText MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GopherTextMediumItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherTextMediumItalic";
src: url("../fonts/GopherTextMediumItalic/GopherTextMediumItalic.eot");
src: url("../fonts/GopherTextMediumItalic/GopherTextMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherTextMediumItalic/GopherTextMediumItalic.woff") format("woff"),
url("../fonts/GopherTextMediumItalic/GopherTextMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GopherText BoldItalic
1. Для того, чтобы установить шрифт GopherText BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GopherTextBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherTextBoldItalic";
src: url("../fonts/GopherTextBoldItalic/GopherTextBoldItalic.eot");
src: url("../fonts/GopherTextBoldItalic/GopherTextBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherTextBoldItalic/GopherTextBoldItalic.woff") format("woff"),
url("../fonts/GopherTextBoldItalic/GopherTextBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GopherText BlackItalic
1. Для того, чтобы установить шрифт GopherText BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GopherTextBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherTextBlackItalic";
src: url("../fonts/GopherTextBlackItalic/GopherTextBlackItalic.eot");
src: url("../fonts/GopherTextBlackItalic/GopherTextBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherTextBlackItalic/GopherTextBlackItalic.woff") format("woff"),
url("../fonts/GopherTextBlackItalic/GopherTextBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GopherText Heavy
1. Для того, чтобы установить шрифт GopherText Heavy в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GopherTextHeavy /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherTextHeavy";
src: url("../fonts/GopherTextHeavy/GopherTextHeavy.eot");
src: url("../fonts/GopherTextHeavy/GopherTextHeavy.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherTextHeavy/GopherTextHeavy.woff") format("woff"),
url("../fonts/GopherTextHeavy/GopherTextHeavy.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт GopherText HeavyItalic
1. Для того, чтобы установить шрифт GopherText HeavyItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GopherTextHeavyItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GopherTextHeavyItalic";
src: url("../fonts/GopherTextHeavyItalic/GopherTextHeavyItalic.eot");
src: url("../fonts/GopherTextHeavyItalic/GopherTextHeavyItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GopherTextHeavyItalic/GopherTextHeavyItalic.woff") format("woff"),
url("../fonts/GopherTextHeavyItalic/GopherTextHeavyItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!