Encode Sans Compressed Font Family

Use "Encode Sans Compressed" font as a Webfont

You can create beautiful websites with great typography using the @font-face kit of Encode Sans Compressed font. Webfont and @font-face supported all up-to-date browsers can use comfortably.

@font-face is very easy to use, click here to download Encode Sans Compressed webfont kit. The following example will guide you to the css and html codes.

Ensuring the maximum cross browser typography support, WOFF (Web OpenFont Format) works with all up-to-date browsers. You can check the versions by clicking here.

Using this font on your website is your own legal responsibility. You can check the license information of the font.

@font-face kit

@font-face {
    font-family: 'Encode Sans Compressed Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Compressed Regular'), url('EncodeSansCompressed-400-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Compressed Thin';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Compressed Thin'), url('EncodeSansCompressed-100-Thin.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Compressed ExtraLight';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Compressed ExtraLight'), url('EncodeSansCompressed-200-ExtraLight.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Compressed Light';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Compressed Light'), url('EncodeSansCompressed-300-Light.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Compressed Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Compressed Medium'), url('EncodeSansCompressed-500-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Compressed SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Compressed SemiBold'), url('EncodeSansCompressed-600-SemiBold.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Compressed Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Compressed Bold'), url('EncodeSansCompressed-700-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Compressed ExtraBold';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Compressed ExtraBold'), url('EncodeSansCompressed-800-ExtraBold.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Compressed Black';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Compressed Black'), url('EncodeSansCompressed-900-Black.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Condensed Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Condensed Regular'), url('EncodeSansCondensed-400-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Narrow Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Narrow Regular'), url('EncodeSansNarrow-400-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Normal Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Normal Regular'), url('EncodeSansNormal-400-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Wide Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Wide Regular'), url('EncodeSansWide-400-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Condensed Thin';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Condensed Thin'), url('EncodeSansCondensed-100-Thin.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Normal Thin';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Normal Thin'), url('EncodeSansNormal-100-Thin.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Wide Thin';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Wide Thin'), url('EncodeSansWide-100-Thin.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Condensed ExtraLight';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Condensed ExtraLight'), url('EncodeSansCondensed-200-ExtraLight.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Narrow ExtraLight';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Narrow ExtraLight'), url('EncodeSansNarrow-200-ExtraLight.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Normal ExtraLight';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Normal ExtraLight'), url('EncodeSansNormal-200-ExtraLight.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Wide ExtraLight';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Wide ExtraLight'), url('EncodeSansWide-200-ExtraLight.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Narrow Thin';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Narrow Thin'), url('EncodeSansNarrow-100-Thin.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Condensed Light';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Condensed Light'), url('EncodeSansCondensed-300-Light.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Narrow Light';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Narrow Light'), url('EncodeSansNarrow-300-Light.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Normal Light';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Normal Light'), url('EncodeSansNormal-300-Light.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Wide Light';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Wide Light'), url('EncodeSansWide-300-Light.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Condensed Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Condensed Medium'), url('EncodeSansCondensed-500-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Narrow Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Narrow Medium'), url('EncodeSansNarrow-500-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Normal Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Normal Medium'), url('EncodeSansNormal-500-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Wide Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Wide Medium'), url('EncodeSansWide-500-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Condensed SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Condensed SemiBold'), url('EncodeSansCondensed-600-SemiBold.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Narrow SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Narrow SemiBold'), url('EncodeSansNarrow-600-SemiBold.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Normal SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Normal SemiBold'), url('EncodeSansNormal-600-SemiBold.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Wide SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Wide SemiBold'), url('EncodeSansWide-600-SemiBold.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Condensed Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Condensed Bold'), url('EncodeSansCondensed-700-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Narrow Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Narrow Bold'), url('EncodeSansNarrow-700-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Normal Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Normal Bold'), url('EncodeSansNormal-700-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Wide Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Wide Bold'), url('EncodeSansWide-700-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Condensed ExtraBold';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Condensed ExtraBold'), url('EncodeSansCondensed-800-ExtraBold.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Narrow ExtraBold';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Narrow ExtraBold'), url('EncodeSansNarrow-800-ExtraBold.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Normal ExtraBold';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Normal ExtraBold'), url('EncodeSansNormal-800-ExtraBold.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Wide ExtraBold';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Wide ExtraBold'), url('EncodeSansWide-800-ExtraBold.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Condensed Black';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Condensed Black'), url('EncodeSansCondensed-900-Black.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Narrow Black';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Narrow Black'), url('EncodeSansNarrow-900-Black.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Normal Black';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Normal Black'), url('EncodeSansNormal-900-Black.woff') format('woff');
}
@font-face {
    font-family: 'Encode Sans Wide Black';
    font-style: normal;
    font-weight: normal;
    src: local('Encode Sans Wide Black'), url('EncodeSansWide-900-Black.woff') format('woff');
}

sample html

<h3 style="font-family: 'Encode Sans Compressed Regular'">Aliquam laborum minus commodi et saepe iusto.</h3>
<h3 style="font-family: 'Encode Sans Compressed Thin'">Asperiores deserunt consequatur eaque et soluta.</h3>
<h3 style="font-family: 'Encode Sans Compressed ExtraLight'">Quia deleniti id magnam magni.</h3>
<h3 style="font-family: 'Encode Sans Compressed Light'">Voluptatem eveniet corporis et.</h3>
<h3 style="font-family: 'Encode Sans Compressed Medium'">Fugit ratione deserunt consequuntur assumenda.</h3>
<h3 style="font-family: 'Encode Sans Compressed SemiBold'">Dolorem amet ut sit doloribus.</h3>
<h3 style="font-family: 'Encode Sans Compressed Bold'">Ab et qui aut.</h3>
<h3 style="font-family: 'Encode Sans Compressed ExtraBold'">Enim dolor similique placeat ab eum.</h3>
<h3 style="font-family: 'Encode Sans Compressed Black'">Et consequatur sequi dolore esse ipsam.</h3>
<h3 style="font-family: 'Encode Sans Condensed Regular'">Saepe molestiae eum quo tempore et.</h3>
<h3 style="font-family: 'Encode Sans Narrow Regular'">Eveniet ab ab placeat corrupti autem dicta.</h3>
<h3 style="font-family: 'Encode Sans Normal Regular'">Consequuntur sed eligendi quis quae laborum aut.</h3>
<h3 style="font-family: 'Encode Sans Wide Regular'">Illo non accusamus fugit dolorem magnam in quasi.</h3>
<h3 style="font-family: 'Encode Sans Condensed Thin'">Tempora libero quia eligendi.</h3>
<h3 style="font-family: 'Encode Sans Normal Thin'">Itaque unde culpa neque id qui.</h3>
<h3 style="font-family: 'Encode Sans Wide Thin'">Omnis ea error minima hic officia.</h3>
<h3 style="font-family: 'Encode Sans Condensed ExtraLight'">Ut quia aut iste ea iusto.</h3>
<h3 style="font-family: 'Encode Sans Narrow ExtraLight'">Et qui optio nobis numquam et tempore.</h3>
<h3 style="font-family: 'Encode Sans Normal ExtraLight'">Voluptates optio quis vitae eum quia dignissimos.</h3>
<h3 style="font-family: 'Encode Sans Wide ExtraLight'">Ducimus voluptas itaque consequuntur sint nobis.</h3>
<h3 style="font-family: 'Encode Sans Narrow Thin'">Consequatur in odit voluptas deleniti.</h3>
<h3 style="font-family: 'Encode Sans Condensed Light'">Earum unde aspernatur repudiandae.</h3>
<h3 style="font-family: 'Encode Sans Narrow Light'">Error adipisci saepe fuga.</h3>
<h3 style="font-family: 'Encode Sans Normal Light'">Unde tenetur laborum et earum.</h3>
<h3 style="font-family: 'Encode Sans Wide Light'">Repellat consequuntur et ut.</h3>
<h3 style="font-family: 'Encode Sans Condensed Medium'">Eum eos qui quibusdam est.</h3>
<h3 style="font-family: 'Encode Sans Narrow Medium'">Est ut dolorem nulla animi quae.</h3>
<h3 style="font-family: 'Encode Sans Normal Medium'">Exercitationem sequi et quaerat enim est.</h3>
<h3 style="font-family: 'Encode Sans Wide Medium'">Ea velit molestiae unde.</h3>
<h3 style="font-family: 'Encode Sans Condensed SemiBold'">Aut distinctio officia qui nesciunt et et.</h3>
<h3 style="font-family: 'Encode Sans Narrow SemiBold'">Est fugiat ut vitae quasi est vitae.</h3>
<h3 style="font-family: 'Encode Sans Normal SemiBold'">Omnis et quasi ab totam alias quia inventore.</h3>
<h3 style="font-family: 'Encode Sans Wide SemiBold'">Esse officiis ducimus voluptatem laboriosam.</h3>
<h3 style="font-family: 'Encode Sans Condensed Bold'">Earum minima et minus quo sint voluptatum.</h3>
<h3 style="font-family: 'Encode Sans Narrow Bold'">Facere atque ea magni ipsam.</h3>
<h3 style="font-family: 'Encode Sans Normal Bold'">Esse distinctio voluptatum in iure.</h3>
<h3 style="font-family: 'Encode Sans Wide Bold'">Quia qui voluptatum non ut omnis.</h3>
<h3 style="font-family: 'Encode Sans Condensed ExtraBold'">Neque aut ea deleniti id at tenetur.</h3>
<h3 style="font-family: 'Encode Sans Narrow ExtraBold'">A vel sint enim impedit dolor qui.</h3>
<h3 style="font-family: 'Encode Sans Normal ExtraBold'">Occaecati dicta quo velit rerum nihil.</h3>
<h3 style="font-family: 'Encode Sans Wide ExtraBold'">Consequatur nihil ea sapiente.</h3>
<h3 style="font-family: 'Encode Sans Condensed Black'">Nihil repellat mollitia dolorem.</h3>
<h3 style="font-family: 'Encode Sans Narrow Black'">Eum animi sed quia eos nihil quia illo.</h3>
<h3 style="font-family: 'Encode Sans Normal Black'">Rerum ut similique quis quaerat.</h3>
<h3 style="font-family: 'Encode Sans Wide Black'">Repellendus perferendis dolores officia.</h3>

Preview

License

The Encode Sans family is a versatile workhorse. Featuring a huge range of weights and widths, it's ready for all kind of typographic challenges. It also includes Tabular and Old Style figures, as well as full set of Small Caps and other Open Type features.

Encode Sans covers all 104 Latin Languages:

Afar, Afrikaans, Albanian, Azerbaijani, Basque, Belarusian, Bislama, Bosnian, Breton, Catalan, Chamorro, Chichewa, Comorian, Croatian, Czech, Danish, Dutch, English, Esperanto, Estonian, Faroese, Fijian, Filipino/Tagalog, Finnish, Flemish, French, Gaelic (Irish / Manx / Scottish), Gagauz, German, Gikuyu, Gilbertese/Kiribati, Greenlandic, Guarani, Haitian_Creole, Hawaiian, Hungarian, Icelandic, Igo/Igbo, Indonesian, Irish, Italian, Javanese, Kashubian, Kinyarwanda, Kirundi, Latin, Latvian, Lithuanian, Luba/Ciluba/Kasai, Luxembourgish, Malagasy, Malay, Maltese, Maori, Marquesan, Marshallese, Moldovan/Moldovian/Romanian, Montenegrin, Nauruan, Ndebele, Norwegian, Oromo, Palauan/Belauan, Polish, Portuguese, Quechua, Romanian, Romansh, Sami, Samoan, Sango, Serbian, Sesotho, Setswana/Sitswana/Tswana, Seychellois_Creole, SiSwati/Swati/Swazi, Silesian, Slovak, Slovenian, Somali, Sorbian, Sotho, Spanish, Swahili, Swedish, Tahitian, Tetum, Tok_Pisin, Tongan, Tsonga, Tswana, Tuareg/Berber, Turkish, Turkmen, Tuvaluan, Uzbek/Usbek, Wallisian, Walloon, Welsh, Xhosa, Yoruba, Zulu.

This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is available with a FAQ at: http://scripts.sil.org/OFL

Encode Sans is a trademark of Pablo Impallari.

Copyright (c) 2012, Impallari Type (www.impallari.com), with Reserved Font Name Encode Sans.

http://scripts.sil.org/OFL