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'">Non vel similique et repellat.</h3>
<h3 style="font-family: 'Encode Sans Compressed Thin'">Esse autem molestiae eum nam et.</h3>
<h3 style="font-family: 'Encode Sans Compressed ExtraLight'">A nostrum aut labore quidem maiores atque.</h3>
<h3 style="font-family: 'Encode Sans Compressed Light'">Suscipit nihil dolore consequuntur ab.</h3>
<h3 style="font-family: 'Encode Sans Compressed Medium'">Quisquam impedit enim quia.</h3>
<h3 style="font-family: 'Encode Sans Compressed SemiBold'">Ut hic vel asperiores nesciunt qui quos.</h3>
<h3 style="font-family: 'Encode Sans Compressed Bold'">Repellendus distinctio repellendus aut suscipit.</h3>
<h3 style="font-family: 'Encode Sans Compressed ExtraBold'">Nihil autem omnis distinctio dignissimos.</h3>
<h3 style="font-family: 'Encode Sans Compressed Black'">Dolores aut nihil temporibus.</h3>
<h3 style="font-family: 'Encode Sans Condensed Regular'">Vitae sunt hic est aut.</h3>
<h3 style="font-family: 'Encode Sans Narrow Regular'">Beatae recusandae eligendi eligendi quo.</h3>
<h3 style="font-family: 'Encode Sans Normal Regular'">Aut voluptatem aperiam dolores ea.</h3>
<h3 style="font-family: 'Encode Sans Wide Regular'">Ex eum asperiores rerum eum numquam.</h3>
<h3 style="font-family: 'Encode Sans Condensed Thin'">Commodi et voluptas molestiae repellendus.</h3>
<h3 style="font-family: 'Encode Sans Normal Thin'">Et ipsum corrupti velit deleniti ut laudantium.</h3>
<h3 style="font-family: 'Encode Sans Wide Thin'">Aut consequatur in sapiente repellat.</h3>
<h3 style="font-family: 'Encode Sans Condensed ExtraLight'">Quia ut quo a a.</h3>
<h3 style="font-family: 'Encode Sans Narrow ExtraLight'">Et magnam quia reiciendis aut fugit.</h3>
<h3 style="font-family: 'Encode Sans Normal ExtraLight'">Est adipisci porro quae odit non.</h3>
<h3 style="font-family: 'Encode Sans Wide ExtraLight'">Soluta blanditiis doloribus sed.</h3>
<h3 style="font-family: 'Encode Sans Narrow Thin'">Ratione incidunt nam porro.</h3>
<h3 style="font-family: 'Encode Sans Condensed Light'">Dolorem quam dolorem libero commodi.</h3>
<h3 style="font-family: 'Encode Sans Narrow Light'">Facilis quo nihil autem repellat aliquam.</h3>
<h3 style="font-family: 'Encode Sans Normal Light'">Ex vero rerum qui accusamus et.</h3>
<h3 style="font-family: 'Encode Sans Wide Light'">Voluptatem dolores et sint possimus aut.</h3>
<h3 style="font-family: 'Encode Sans Condensed Medium'">Ut quae nam nisi nisi.</h3>
<h3 style="font-family: 'Encode Sans Narrow Medium'">Autem consectetur aut aut ut.</h3>
<h3 style="font-family: 'Encode Sans Normal Medium'">Sunt et qui vitae id soluta ex qui voluptas.</h3>
<h3 style="font-family: 'Encode Sans Wide Medium'">Harum sint aspernatur earum.</h3>
<h3 style="font-family: 'Encode Sans Condensed SemiBold'">Architecto vel suscipit labore eos dolor.</h3>
<h3 style="font-family: 'Encode Sans Narrow SemiBold'">Aut dolores distinctio omnis doloribus incidunt.</h3>
<h3 style="font-family: 'Encode Sans Normal SemiBold'">Tempore est soluta laboriosam.</h3>
<h3 style="font-family: 'Encode Sans Wide SemiBold'">Provident ipsam et itaque a amet inventore ipsam.</h3>
<h3 style="font-family: 'Encode Sans Condensed Bold'">Cupiditate earum excepturi modi.</h3>
<h3 style="font-family: 'Encode Sans Narrow Bold'">Occaecati provident fuga qui perspiciatis.</h3>
<h3 style="font-family: 'Encode Sans Normal Bold'">Autem et dolores soluta.</h3>
<h3 style="font-family: 'Encode Sans Wide Bold'">Autem quo modi et vel corporis.</h3>
<h3 style="font-family: 'Encode Sans Condensed ExtraBold'">Architecto non et aspernatur debitis.</h3>
<h3 style="font-family: 'Encode Sans Narrow ExtraBold'">Et asperiores aut ut voluptate.</h3>
<h3 style="font-family: 'Encode Sans Normal ExtraBold'">At dolorem veritatis nihil quo.</h3>
<h3 style="font-family: 'Encode Sans Wide ExtraBold'">Ea consequatur non quo animi illo.</h3>
<h3 style="font-family: 'Encode Sans Condensed Black'">Officia dolor dolore enim est.</h3>
<h3 style="font-family: 'Encode Sans Narrow Black'">Est hic in nesciunt error est.</h3>
<h3 style="font-family: 'Encode Sans Normal Black'">Eos dolorem corporis totam sit fugiat.</h3>
<h3 style="font-family: 'Encode Sans Wide Black'">Id harum eaque magnam.</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