Шрифт Ghostlight
На нашем сайте, вы можете скачать шрифт Ghostlight для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Ghostlight SemiLight
1. Для того, чтобы установить шрифт Ghostlight SemiLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GhostlightSemiLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GhostlightSemiLight";
src: url("../fonts/GhostlightSemiLight/GhostlightSemiLight.eot");
src: url("../fonts/GhostlightSemiLight/GhostlightSemiLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/GhostlightSemiLight/GhostlightSemiLight.woff") format("woff"),
url("../fonts/GhostlightSemiLight/GhostlightSemiLight.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Ghostlight Light
1. Для того, чтобы установить шрифт Ghostlight Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GhostlightLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GhostlightLight";
src: url("../fonts/GhostlightLight/GhostlightLight.eot");
src: url("../fonts/GhostlightLight/GhostlightLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/GhostlightLight/GhostlightLight.woff") format("woff"),
url("../fonts/GhostlightLight/GhostlightLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Ghostlight Regular
1. Для того, чтобы установить шрифт Ghostlight Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GhostlightRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GhostlightRegular";
src: url("../fonts/GhostlightRegular/GhostlightRegular.eot");
src: url("../fonts/GhostlightRegular/GhostlightRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/GhostlightRegular/GhostlightRegular.woff") format("woff"),
url("../fonts/GhostlightRegular/GhostlightRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Ghostlight SemiBold
1. Для того, чтобы установить шрифт Ghostlight SemiBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GhostlightSemiBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GhostlightSemiBold";
src: url("../fonts/GhostlightSemiBold/GhostlightSemiBold.eot");
src: url("../fonts/GhostlightSemiBold/GhostlightSemiBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/GhostlightSemiBold/GhostlightSemiBold.woff") format("woff"),
url("../fonts/GhostlightSemiBold/GhostlightSemiBold.ttf") format("truetype");
font-style: normal;
font-weight: 600;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Ghostlight Bold
1. Для того, чтобы установить шрифт Ghostlight Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GhostlightBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GhostlightBold";
src: url("../fonts/GhostlightBold/GhostlightBold.eot");
src: url("../fonts/GhostlightBold/GhostlightBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/GhostlightBold/GhostlightBold.woff") format("woff"),
url("../fonts/GhostlightBold/GhostlightBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Ghostlight LightItalic
1. Для того, чтобы установить шрифт Ghostlight LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GhostlightLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GhostlightLightItalic";
src: url("../fonts/GhostlightLightItalic/GhostlightLightItalic.eot");
src: url("../fonts/GhostlightLightItalic/GhostlightLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GhostlightLightItalic/GhostlightLightItalic.woff") format("woff"),
url("../fonts/GhostlightLightItalic/GhostlightLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Ghostlight SemiLightItalic
1. Для того, чтобы установить шрифт Ghostlight SemiLightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GhostlightSemiLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GhostlightSemiLightItalic";
src: url("../fonts/GhostlightSemiLightItalic/GhostlightSemiLightItalic.eot");
src: url("../fonts/GhostlightSemiLightItalic/GhostlightSemiLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GhostlightSemiLightItalic/GhostlightSemiLightItalic.woff") format("woff"),
url("../fonts/GhostlightSemiLightItalic/GhostlightSemiLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Ghostlight Italic
1. Для того, чтобы установить шрифт Ghostlight Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GhostlightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GhostlightItalic";
src: url("../fonts/GhostlightItalic/GhostlightItalic.eot");
src: url("../fonts/GhostlightItalic/GhostlightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GhostlightItalic/GhostlightItalic.woff") format("woff"),
url("../fonts/GhostlightItalic/GhostlightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Ghostlight BoldItalic
1. Для того, чтобы установить шрифт Ghostlight BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GhostlightBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GhostlightBoldItalic";
src: url("../fonts/GhostlightBoldItalic/GhostlightBoldItalic.eot");
src: url("../fonts/GhostlightBoldItalic/GhostlightBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GhostlightBoldItalic/GhostlightBoldItalic.woff") format("woff"),
url("../fonts/GhostlightBoldItalic/GhostlightBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Ghostlight SemiBoldItalic
1. Для того, чтобы установить шрифт Ghostlight SemiBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GhostlightSemiBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GhostlightSemiBoldItalic";
src: url("../fonts/GhostlightSemiBoldItalic/GhostlightSemiBoldItalic.eot");
src: url("../fonts/GhostlightSemiBoldItalic/GhostlightSemiBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GhostlightSemiBoldItalic/GhostlightSemiBoldItalic.woff") format("woff"),
url("../fonts/GhostlightSemiBoldItalic/GhostlightSemiBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!