Шрифт Samo Sans Pro
На нашем сайте, вы можете скачать шрифт Samo Sans Pro для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт SamoSansPro Ultra
1. Для того, чтобы установить шрифт SamoSansPro Ultra в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SamoSansProUltra /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SamoSansProUltra";
src: url("../fonts/SamoSansProUltra/SamoSansProUltra.eot");
src: url("../fonts/SamoSansProUltra/SamoSansProUltra.eot?#iefix")format("embedded-opentype"),
url("../fonts/SamoSansProUltra/SamoSansProUltra.woff") format("woff"),
url("../fonts/SamoSansProUltra/SamoSansProUltra.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт SamoSansPro UltraItalic
1. Для того, чтобы установить шрифт SamoSansPro UltraItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SamoSansProUltraItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SamoSansProUltraItalic";
src: url("../fonts/SamoSansProUltraItalic/SamoSansProUltraItalic.eot");
src: url("../fonts/SamoSansProUltraItalic/SamoSansProUltraItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/SamoSansProUltraItalic/SamoSansProUltraItalic.woff") format("woff"),
url("../fonts/SamoSansProUltraItalic/SamoSansProUltraItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт SamoSansPro Hair
1. Для того, чтобы установить шрифт SamoSansPro Hair в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SamoSansProHair /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SamoSansProHair";
src: url("../fonts/SamoSansProHair/SamoSansProHair.eot");
src: url("../fonts/SamoSansProHair/SamoSansProHair.eot?#iefix")format("embedded-opentype"),
url("../fonts/SamoSansProHair/SamoSansProHair.woff") format("woff"),
url("../fonts/SamoSansProHair/SamoSansProHair.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт SamoSansPro HairItalic
1. Для того, чтобы установить шрифт SamoSansPro HairItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SamoSansProHairItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SamoSansProHairItalic";
src: url("../fonts/SamoSansProHairItalic/SamoSansProHairItalic.eot");
src: url("../fonts/SamoSansProHairItalic/SamoSansProHairItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/SamoSansProHairItalic/SamoSansProHairItalic.woff") format("woff"),
url("../fonts/SamoSansProHairItalic/SamoSansProHairItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт SamoSansPro Thin
1. Для того, чтобы установить шрифт SamoSansPro Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SamoSansProThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SamoSansProThin";
src: url("../fonts/SamoSansProThin/SamoSansProThin.eot");
src: url("../fonts/SamoSansProThin/SamoSansProThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/SamoSansProThin/SamoSansProThin.woff") format("woff"),
url("../fonts/SamoSansProThin/SamoSansProThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт SamoSansPro Light
1. Для того, чтобы установить шрифт SamoSansPro Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SamoSansProLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SamoSansProLight";
src: url("../fonts/SamoSansProLight/SamoSansProLight.eot");
src: url("../fonts/SamoSansProLight/SamoSansProLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/SamoSansProLight/SamoSansProLight.woff") format("woff"),
url("../fonts/SamoSansProLight/SamoSansProLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт SamoSansPro Regular
1. Для того, чтобы установить шрифт SamoSansPro Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SamoSansProRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SamoSansProRegular";
src: url("../fonts/SamoSansProRegular/SamoSansProRegular.eot");
src: url("../fonts/SamoSansProRegular/SamoSansProRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/SamoSansProRegular/SamoSansProRegular.woff") format("woff"),
url("../fonts/SamoSansProRegular/SamoSansProRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт SamoSansPro Medium
1. Для того, чтобы установить шрифт SamoSansPro Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SamoSansProMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SamoSansProMedium";
src: url("../fonts/SamoSansProMedium/SamoSansProMedium.eot");
src: url("../fonts/SamoSansProMedium/SamoSansProMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/SamoSansProMedium/SamoSansProMedium.woff") format("woff"),
url("../fonts/SamoSansProMedium/SamoSansProMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт SamoSansPro Bold
1. Для того, чтобы установить шрифт SamoSansPro Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SamoSansProBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SamoSansProBold";
src: url("../fonts/SamoSansProBold/SamoSansProBold.eot");
src: url("../fonts/SamoSansProBold/SamoSansProBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/SamoSansProBold/SamoSansProBold.woff") format("woff"),
url("../fonts/SamoSansProBold/SamoSansProBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт SamoSansPro Black
1. Для того, чтобы установить шрифт SamoSansPro Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SamoSansProBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SamoSansProBlack";
src: url("../fonts/SamoSansProBlack/SamoSansProBlack.eot");
src: url("../fonts/SamoSansProBlack/SamoSansProBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/SamoSansProBlack/SamoSansProBlack.woff") format("woff"),
url("../fonts/SamoSansProBlack/SamoSansProBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт SamoSansPro ThinItalic
1. Для того, чтобы установить шрифт SamoSansPro ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SamoSansProThinItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SamoSansProThinItalic";
src: url("../fonts/SamoSansProThinItalic/SamoSansProThinItalic.eot");
src: url("../fonts/SamoSansProThinItalic/SamoSansProThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/SamoSansProThinItalic/SamoSansProThinItalic.woff") format("woff"),
url("../fonts/SamoSansProThinItalic/SamoSansProThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт SamoSansPro LightItalic
1. Для того, чтобы установить шрифт SamoSansPro LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SamoSansProLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SamoSansProLightItalic";
src: url("../fonts/SamoSansProLightItalic/SamoSansProLightItalic.eot");
src: url("../fonts/SamoSansProLightItalic/SamoSansProLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/SamoSansProLightItalic/SamoSansProLightItalic.woff") format("woff"),
url("../fonts/SamoSansProLightItalic/SamoSansProLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт SamoSansPro Italic
1. Для того, чтобы установить шрифт SamoSansPro Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SamoSansProItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SamoSansProItalic";
src: url("../fonts/SamoSansProItalic/SamoSansProItalic.eot");
src: url("../fonts/SamoSansProItalic/SamoSansProItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/SamoSansProItalic/SamoSansProItalic.woff") format("woff"),
url("../fonts/SamoSansProItalic/SamoSansProItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт SamoSansPro MediumItalic
1. Для того, чтобы установить шрифт SamoSansPro MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SamoSansProMediumItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SamoSansProMediumItalic";
src: url("../fonts/SamoSansProMediumItalic/SamoSansProMediumItalic.eot");
src: url("../fonts/SamoSansProMediumItalic/SamoSansProMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/SamoSansProMediumItalic/SamoSansProMediumItalic.woff") format("woff"),
url("../fonts/SamoSansProMediumItalic/SamoSansProMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт SamoSansPro BoldItalic
1. Для того, чтобы установить шрифт SamoSansPro BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SamoSansProBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SamoSansProBoldItalic";
src: url("../fonts/SamoSansProBoldItalic/SamoSansProBoldItalic.eot");
src: url("../fonts/SamoSansProBoldItalic/SamoSansProBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/SamoSansProBoldItalic/SamoSansProBoldItalic.woff") format("woff"),
url("../fonts/SamoSansProBoldItalic/SamoSansProBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт SamoSansPro BlackItalic
1. Для того, чтобы установить шрифт SamoSansPro BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SamoSansProBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SamoSansProBlackItalic";
src: url("../fonts/SamoSansProBlackItalic/SamoSansProBlackItalic.eot");
src: url("../fonts/SamoSansProBlackItalic/SamoSansProBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/SamoSansProBlackItalic/SamoSansProBlackItalic.woff") format("woff"),
url("../fonts/SamoSansProBlackItalic/SamoSansProBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!