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'">Fugiat doloribus corporis voluptates eos ad.</h3>
<h3 style="font-family: 'Encode Sans Compressed Thin'">Quo sunt tempora consequuntur nobis.</h3>
<h3 style="font-family: 'Encode Sans Compressed ExtraLight'">Sapiente consectetur error officia qui.</h3>
<h3 style="font-family: 'Encode Sans Compressed Light'">Qui occaecati et blanditiis vero qui.</h3>
<h3 style="font-family: 'Encode Sans Compressed Medium'">Voluptatem inventore hic alias.</h3>
<h3 style="font-family: 'Encode Sans Compressed SemiBold'">Corporis nisi dolorem aut assumenda.</h3>
<h3 style="font-family: 'Encode Sans Compressed Bold'">Fugiat eveniet iste dolore.</h3>
<h3 style="font-family: 'Encode Sans Compressed ExtraBold'">Aliquid officiis aut voluptatem ut dolorum.</h3>
<h3 style="font-family: 'Encode Sans Compressed Black'">Similique iure et omnis est aut reiciendis.</h3>
<h3 style="font-family: 'Encode Sans Condensed Regular'">Enim maiores ea amet qui aut voluptates iusto.</h3>
<h3 style="font-family: 'Encode Sans Narrow Regular'">Qui asperiores est perferendis.</h3>
<h3 style="font-family: 'Encode Sans Normal Regular'">Dolorum quia neque exercitationem quisquam.</h3>
<h3 style="font-family: 'Encode Sans Wide Regular'">A laboriosam eum laborum.</h3>
<h3 style="font-family: 'Encode Sans Condensed Thin'">Et accusamus fugit deleniti vero sint est.</h3>
<h3 style="font-family: 'Encode Sans Normal Thin'">Ad quis sit omnis sit aut.</h3>
<h3 style="font-family: 'Encode Sans Wide Thin'">Similique dolor dolor ipsum non.</h3>
<h3 style="font-family: 'Encode Sans Condensed ExtraLight'">Cum repellendus dolorum recusandae.</h3>
<h3 style="font-family: 'Encode Sans Narrow ExtraLight'">Id fuga blanditiis et sit aperiam sequi nesciunt.</h3>
<h3 style="font-family: 'Encode Sans Normal ExtraLight'">Sunt sit quis totam reiciendis iste.</h3>
<h3 style="font-family: 'Encode Sans Wide ExtraLight'">Est a voluptatem non qui.</h3>
<h3 style="font-family: 'Encode Sans Narrow Thin'">Neque possimus modi dolorum itaque.</h3>
<h3 style="font-family: 'Encode Sans Condensed Light'">Quia ut saepe impedit ipsam quia laboriosam.</h3>
<h3 style="font-family: 'Encode Sans Narrow Light'">Omnis sed ipsam qui cupiditate non laudantium.</h3>
<h3 style="font-family: 'Encode Sans Normal Light'">Rerum expedita natus odit sequi aperiam.</h3>
<h3 style="font-family: 'Encode Sans Wide Light'">Labore ullam nemo autem libero.</h3>
<h3 style="font-family: 'Encode Sans Condensed Medium'">Et blanditiis omnis non molestias.</h3>
<h3 style="font-family: 'Encode Sans Narrow Medium'">Est magnam modi quisquam maxime laboriosam.</h3>
<h3 style="font-family: 'Encode Sans Normal Medium'">Consectetur iure deleniti aut dolorem quisquam.</h3>
<h3 style="font-family: 'Encode Sans Wide Medium'">Nihil omnis earum aut non.</h3>
<h3 style="font-family: 'Encode Sans Condensed SemiBold'">Aliquam adipisci quas soluta.</h3>
<h3 style="font-family: 'Encode Sans Narrow SemiBold'">Ut cupiditate eos dolorem et et.</h3>
<h3 style="font-family: 'Encode Sans Normal SemiBold'">Et vero voluptates et sed pariatur quasi.</h3>
<h3 style="font-family: 'Encode Sans Wide SemiBold'">Fugiat qui eveniet dolor consequatur.</h3>
<h3 style="font-family: 'Encode Sans Condensed Bold'">Tenetur quia distinctio et dolorem facere.</h3>
<h3 style="font-family: 'Encode Sans Narrow Bold'">Delectus velit et commodi eum.</h3>
<h3 style="font-family: 'Encode Sans Normal Bold'">Laboriosam et impedit ut nesciunt quis.</h3>
<h3 style="font-family: 'Encode Sans Wide Bold'">Quam unde eos dolores enim dolor minus.</h3>
<h3 style="font-family: 'Encode Sans Condensed ExtraBold'">Esse aliquam dolorem ullam fugiat dolorum.</h3>
<h3 style="font-family: 'Encode Sans Narrow ExtraBold'">Accusantium animi saepe consequuntur.</h3>
<h3 style="font-family: 'Encode Sans Normal ExtraBold'">Aut dolor eligendi quos quam.</h3>
<h3 style="font-family: 'Encode Sans Wide ExtraBold'">Quibusdam aut doloremque quia sit.</h3>
<h3 style="font-family: 'Encode Sans Condensed Black'">Et et accusantium et atque quia.</h3>
<h3 style="font-family: 'Encode Sans Narrow Black'">Excepturi veritatis unde sint voluptas.</h3>
<h3 style="font-family: 'Encode Sans Normal Black'">Minima magni mollitia suscipit et facilis.</h3>
<h3 style="font-family: 'Encode Sans Wide Black'">Iste quae dolores non sapiente nihil.</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