Шрифт Astro
На нашем сайте, вы можете скачать шрифт Astro для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Astro 45s
1. Для того, чтобы установить шрифт Astro 45s в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /Astro45s /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "Astro45s";
src: url("../fonts/Astro45s/Astro45s.eot");
src: url("../fonts/Astro45s/Astro45s.eot?#iefix")format("embedded-opentype"),
url("../fonts/Astro45s/Astro45s.woff") format("woff"),
url("../fonts/Astro45s/Astro45s.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Astro 75s
1. Для того, чтобы установить шрифт Astro 75s в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /Astro75s /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "Astro75s";
src: url("../fonts/Astro75s/Astro75s.eot");
src: url("../fonts/Astro75s/Astro75s.eot?#iefix")format("embedded-opentype"),
url("../fonts/Astro75s/Astro75s.woff") format("woff"),
url("../fonts/Astro75s/Astro75s.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Astro 20
1. Для того, чтобы установить шрифт Astro 20 в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /Astro20 /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "Astro20";
src: url("../fonts/Astro20/Astro20.eot");
src: url("../fonts/Astro20/Astro20.eot?#iefix")format("embedded-opentype"),
url("../fonts/Astro20/Astro20.woff") format("woff"),
url("../fonts/Astro20/Astro20.ttf") format("truetype");
font-style: normal;
font-weight: 20;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Astro 50s
1. Для того, чтобы установить шрифт Astro 50s в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /Astro50s /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "Astro50s";
src: url("../fonts/Astro50s/Astro50s.eot");
src: url("../fonts/Astro50s/Astro50s.eot?#iefix")format("embedded-opentype"),
url("../fonts/Astro50s/Astro50s.woff") format("woff"),
url("../fonts/Astro50s/Astro50s.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Astro 25
1. Для того, чтобы установить шрифт Astro 25 в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /Astro25 /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "Astro25";
src: url("../fonts/Astro25/Astro25.eot");
src: url("../fonts/Astro25/Astro25.eot?#iefix")format("embedded-opentype"),
url("../fonts/Astro25/Astro25.woff") format("woff"),
url("../fonts/Astro25/Astro25.ttf") format("truetype");
font-style: normal;
font-weight: 25;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Astro 80
1. Для того, чтобы установить шрифт Astro 80 в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /Astro80 /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "Astro80";
src: url("../fonts/Astro80/Astro80.eot");
src: url("../fonts/Astro80/Astro80.eot?#iefix")format("embedded-opentype"),
url("../fonts/Astro80/Astro80.woff") format("woff"),
url("../fonts/Astro80/Astro80.ttf") format("truetype");
font-style: normal;
font-weight: 80;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Astro 20s
1. Для того, чтобы установить шрифт Astro 20s в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /Astro20s /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "Astro20s";
src: url("../fonts/Astro20s/Astro20s.eot");
src: url("../fonts/Astro20s/Astro20s.eot?#iefix")format("embedded-opentype"),
url("../fonts/Astro20s/Astro20s.woff") format("woff"),
url("../fonts/Astro20s/Astro20s.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Astro 55
1. Для того, чтобы установить шрифт Astro 55 в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /Astro55 /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "Astro55";
src: url("../fonts/Astro55/Astro55.eot");
src: url("../fonts/Astro55/Astro55.eot?#iefix")format("embedded-opentype"),
url("../fonts/Astro55/Astro55.woff") format("woff"),
url("../fonts/Astro55/Astro55.ttf") format("truetype");
font-style: normal;
font-weight: 55;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Astro 50
1. Для того, чтобы установить шрифт Astro 50 в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /Astro50 /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "Astro50";
src: url("../fonts/Astro50/Astro50.eot");
src: url("../fonts/Astro50/Astro50.eot?#iefix")format("embedded-opentype"),
url("../fonts/Astro50/Astro50.woff") format("woff"),
url("../fonts/Astro50/Astro50.ttf") format("truetype");
font-style: normal;
font-weight: 50;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Astro 80s
1. Для того, чтобы установить шрифт Astro 80s в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /Astro80s /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "Astro80s";
src: url("../fonts/Astro80s/Astro80s.eot");
src: url("../fonts/Astro80s/Astro80s.eot?#iefix")format("embedded-opentype"),
url("../fonts/Astro80s/Astro80s.woff") format("woff"),
url("../fonts/Astro80s/Astro80s.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Astro 25s
1. Для того, чтобы установить шрифт Astro 25s в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /Astro25s /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "Astro25s";
src: url("../fonts/Astro25s/Astro25s.eot");
src: url("../fonts/Astro25s/Astro25s.eot?#iefix")format("embedded-opentype"),
url("../fonts/Astro25s/Astro25s.woff") format("woff"),
url("../fonts/Astro25s/Astro25s.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Astro 55s
1. Для того, чтобы установить шрифт Astro 55s в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /Astro55s /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "Astro55s";
src: url("../fonts/Astro55s/Astro55s.eot");
src: url("../fonts/Astro55s/Astro55s.eot?#iefix")format("embedded-opentype"),
url("../fonts/Astro55s/Astro55s.woff") format("woff"),
url("../fonts/Astro55s/Astro55s.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Astro 1
1. Для того, чтобы установить шрифт Astro 1 в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /Astro1 /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "Astro1";
src: url("../fonts/Astro1/Astro1.eot");
src: url("../fonts/Astro1/Astro1.eot?#iefix")format("embedded-opentype"),
url("../fonts/Astro1/Astro1.woff") format("woff"),
url("../fonts/Astro1/Astro1.ttf") format("truetype");
font-style: normal;
font-weight: 1;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Astro 85
1. Для того, чтобы установить шрифт Astro 85 в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /Astro85 /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "Astro85";
src: url("../fonts/Astro85/Astro85.eot");
src: url("../fonts/Astro85/Astro85.eot?#iefix")format("embedded-opentype"),
url("../fonts/Astro85/Astro85.woff") format("woff"),
url("../fonts/Astro85/Astro85.ttf") format("truetype");
font-style: normal;
font-weight: 85;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Astro 30
1. Для того, чтобы установить шрифт Astro 30 в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /Astro30 /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "Astro30";
src: url("../fonts/Astro30/Astro30.eot");
src: url("../fonts/Astro30/Astro30.eot?#iefix")format("embedded-opentype"),
url("../fonts/Astro30/Astro30.woff") format("woff"),
url("../fonts/Astro30/Astro30.ttf") format("truetype");
font-style: normal;
font-weight: 30;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Astro 60
1. Для того, чтобы установить шрифт Astro 60 в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /Astro60 /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "Astro60";
src: url("../fonts/Astro60/Astro60.eot");
src: url("../fonts/Astro60/Astro60.eot?#iefix")format("embedded-opentype"),
url("../fonts/Astro60/Astro60.woff") format("woff"),
url("../fonts/Astro60/Astro60.ttf") format("truetype");
font-style: normal;
font-weight: 60;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Astro 1s
1. Для того, чтобы установить шрифт Astro 1s в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /Astro1s /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "Astro1s";
src: url("../fonts/Astro1s/Astro1s.eot");
src: url("../fonts/Astro1s/Astro1s.eot?#iefix")format("embedded-opentype"),
url("../fonts/Astro1s/Astro1s.woff") format("woff"),
url("../fonts/Astro1s/Astro1s.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Astro 85s
1. Для того, чтобы установить шрифт Astro 85s в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /Astro85s /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "Astro85s";
src: url("../fonts/Astro85s/Astro85s.eot");
src: url("../fonts/Astro85s/Astro85s.eot?#iefix")format("embedded-opentype"),
url("../fonts/Astro85s/Astro85s.woff") format("woff"),
url("../fonts/Astro85s/Astro85s.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Astro 30s
1. Для того, чтобы установить шрифт Astro 30s в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /Astro30s /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "Astro30s";
src: url("../fonts/Astro30s/Astro30s.eot");
src: url("../fonts/Astro30s/Astro30s.eot?#iefix")format("embedded-opentype"),
url("../fonts/Astro30s/Astro30s.woff") format("woff"),
url("../fonts/Astro30s/Astro30s.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Astro 60s
1. Для того, чтобы установить шрифт Astro 60s в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /Astro60s /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "Astro60s";
src: url("../fonts/Astro60s/Astro60s.eot");
src: url("../fonts/Astro60s/Astro60s.eot?#iefix")format("embedded-opentype"),
url("../fonts/Astro60s/Astro60s.woff") format("woff"),
url("../fonts/Astro60s/Astro60s.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Astro 5
1. Для того, чтобы установить шрифт Astro 5 в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /Astro5 /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "Astro5";
src: url("../fonts/Astro5/Astro5.eot");
src: url("../fonts/Astro5/Astro5.eot?#iefix")format("embedded-opentype"),
url("../fonts/Astro5/Astro5.woff") format("woff"),
url("../fonts/Astro5/Astro5.ttf") format("truetype");
font-style: normal;
font-weight: 5;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Astro 90
1. Для того, чтобы установить шрифт Astro 90 в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /Astro90 /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "Astro90";
src: url("../fonts/Astro90/Astro90.eot");
src: url("../fonts/Astro90/Astro90.eot?#iefix")format("embedded-opentype"),
url("../fonts/Astro90/Astro90.woff") format("woff"),
url("../fonts/Astro90/Astro90.ttf") format("truetype");
font-style: normal;
font-weight: 90;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Astro 35
1. Для того, чтобы установить шрифт Astro 35 в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /Astro35 /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "Astro35";
src: url("../fonts/Astro35/Astro35.eot");
src: url("../fonts/Astro35/Astro35.eot?#iefix")format("embedded-opentype"),
url("../fonts/Astro35/Astro35.woff") format("woff"),
url("../fonts/Astro35/Astro35.ttf") format("truetype");
font-style: normal;
font-weight: 35;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Astro 65
1. Для того, чтобы установить шрифт Astro 65 в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /Astro65 /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "Astro65";
src: url("../fonts/Astro65/Astro65.eot");
src: url("../fonts/Astro65/Astro65.eot?#iefix")format("embedded-opentype"),
url("../fonts/Astro65/Astro65.woff") format("woff"),
url("../fonts/Astro65/Astro65.ttf") format("truetype");
font-style: normal;
font-weight: 65;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Astro 5s
1. Для того, чтобы установить шрифт Astro 5s в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /Astro5s /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "Astro5s";
src: url("../fonts/Astro5s/Astro5s.eot");
src: url("../fonts/Astro5s/Astro5s.eot?#iefix")format("embedded-opentype"),
url("../fonts/Astro5s/Astro5s.woff") format("woff"),
url("../fonts/Astro5s/Astro5s.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Astro 90s
1. Для того, чтобы установить шрифт Astro 90s в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /Astro90s /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "Astro90s";
src: url("../fonts/Astro90s/Astro90s.eot");
src: url("../fonts/Astro90s/Astro90s.eot?#iefix")format("embedded-opentype"),
url("../fonts/Astro90s/Astro90s.woff") format("woff"),
url("../fonts/Astro90s/Astro90s.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Astro 35s
1. Для того, чтобы установить шрифт Astro 35s в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /Astro35s /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "Astro35s";
src: url("../fonts/Astro35s/Astro35s.eot");
src: url("../fonts/Astro35s/Astro35s.eot?#iefix")format("embedded-opentype"),
url("../fonts/Astro35s/Astro35s.woff") format("woff"),
url("../fonts/Astro35s/Astro35s.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Astro 65s
1. Для того, чтобы установить шрифт Astro 65s в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /Astro65s /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "Astro65s";
src: url("../fonts/Astro65s/Astro65s.eot");
src: url("../fonts/Astro65s/Astro65s.eot?#iefix")format("embedded-opentype"),
url("../fonts/Astro65s/Astro65s.woff") format("woff"),
url("../fonts/Astro65s/Astro65s.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Astro 10
1. Для того, чтобы установить шрифт Astro 10 в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /Astro10 /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "Astro10";
src: url("../fonts/Astro10/Astro10.eot");
src: url("../fonts/Astro10/Astro10.eot?#iefix")format("embedded-opentype"),
url("../fonts/Astro10/Astro10.woff") format("woff"),
url("../fonts/Astro10/Astro10.ttf") format("truetype");
font-style: normal;
font-weight: 10;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Astro 95
1. Для того, чтобы установить шрифт Astro 95 в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /Astro95 /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "Astro95";
src: url("../fonts/Astro95/Astro95.eot");
src: url("../fonts/Astro95/Astro95.eot?#iefix")format("embedded-opentype"),
url("../fonts/Astro95/Astro95.woff") format("woff"),
url("../fonts/Astro95/Astro95.ttf") format("truetype");
font-style: normal;
font-weight: 95;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Astro 40
1. Для того, чтобы установить шрифт Astro 40 в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /Astro40 /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "Astro40";
src: url("../fonts/Astro40/Astro40.eot");
src: url("../fonts/Astro40/Astro40.eot?#iefix")format("embedded-opentype"),
url("../fonts/Astro40/Astro40.woff") format("woff"),
url("../fonts/Astro40/Astro40.ttf") format("truetype");
font-style: normal;
font-weight: 40;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Astro 70
1. Для того, чтобы установить шрифт Astro 70 в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /Astro70 /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "Astro70";
src: url("../fonts/Astro70/Astro70.eot");
src: url("../fonts/Astro70/Astro70.eot?#iefix")format("embedded-opentype"),
url("../fonts/Astro70/Astro70.woff") format("woff"),
url("../fonts/Astro70/Astro70.ttf") format("truetype");
font-style: normal;
font-weight: 70;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Astro 10s
1. Для того, чтобы установить шрифт Astro 10s в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /Astro10s /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "Astro10s";
src: url("../fonts/Astro10s/Astro10s.eot");
src: url("../fonts/Astro10s/Astro10s.eot?#iefix")format("embedded-opentype"),
url("../fonts/Astro10s/Astro10s.woff") format("woff"),
url("../fonts/Astro10s/Astro10s.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Astro 95s
1. Для того, чтобы установить шрифт Astro 95s в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /Astro95s /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "Astro95s";
src: url("../fonts/Astro95s/Astro95s.eot");
src: url("../fonts/Astro95s/Astro95s.eot?#iefix")format("embedded-opentype"),
url("../fonts/Astro95s/Astro95s.woff") format("woff"),
url("../fonts/Astro95s/Astro95s.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Astro 40s
1. Для того, чтобы установить шрифт Astro 40s в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /Astro40s /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "Astro40s";
src: url("../fonts/Astro40s/Astro40s.eot");
src: url("../fonts/Astro40s/Astro40s.eot?#iefix")format("embedded-opentype"),
url("../fonts/Astro40s/Astro40s.woff") format("woff"),
url("../fonts/Astro40s/Astro40s.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Astro 70s
1. Для того, чтобы установить шрифт Astro 70s в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /Astro70s /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "Astro70s";
src: url("../fonts/Astro70s/Astro70s.eot");
src: url("../fonts/Astro70s/Astro70s.eot?#iefix")format("embedded-opentype"),
url("../fonts/Astro70s/Astro70s.woff") format("woff"),
url("../fonts/Astro70s/Astro70s.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Astro 15
1. Для того, чтобы установить шрифт Astro 15 в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /Astro15 /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "Astro15";
src: url("../fonts/Astro15/Astro15.eot");
src: url("../fonts/Astro15/Astro15.eot?#iefix")format("embedded-opentype"),
url("../fonts/Astro15/Astro15.woff") format("woff"),
url("../fonts/Astro15/Astro15.ttf") format("truetype");
font-style: normal;
font-weight: 15;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Astro 45
1. Для того, чтобы установить шрифт Astro 45 в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /Astro45 /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "Astro45";
src: url("../fonts/Astro45/Astro45.eot");
src: url("../fonts/Astro45/Astro45.eot?#iefix")format("embedded-opentype"),
url("../fonts/Astro45/Astro45.woff") format("woff"),
url("../fonts/Astro45/Astro45.ttf") format("truetype");
font-style: normal;
font-weight: 45;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Astro 75
1. Для того, чтобы установить шрифт Astro 75 в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /Astro75 /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "Astro75";
src: url("../fonts/Astro75/Astro75.eot");
src: url("../fonts/Astro75/Astro75.eot?#iefix")format("embedded-opentype"),
url("../fonts/Astro75/Astro75.woff") format("woff"),
url("../fonts/Astro75/Astro75.ttf") format("truetype");
font-style: normal;
font-weight: 75;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Astro 15s
1. Для того, чтобы установить шрифт Astro 15s в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /Astro15s /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "Astro15s";
src: url("../fonts/Astro15s/Astro15s.eot");
src: url("../fonts/Astro15s/Astro15s.eot?#iefix")format("embedded-opentype"),
url("../fonts/Astro15s/Astro15s.woff") format("woff"),
url("../fonts/Astro15s/Astro15s.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!