POE Sans Pro Font Family

Use "POE Sans Pro" font as a Webfont

You can create beautiful websites with great typography using the @font-face kit of POE Sans Pro 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 POE Sans Pro 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: 'POE Sans Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local('POE Sans Pro Regular'), url('POE Sans 1.30.woff') format('woff');
}
@font-face {
    font-family: 'POE Sans Pro Condensed Italic';
    font-style: normal;
    font-weight: normal;
    src: local('POE Sans Pro Condensed Italic'), url('POE Sans Pro Condensed Italic.woff') format('woff');
}
@font-face {
    font-family: 'POE Sans Pro Condensed';
    font-style: normal;
    font-weight: normal;
    src: local('POE Sans Pro Condensed'), url('POE Sans Pro Condensed.woff') format('woff');
}
@font-face {
    font-family: 'POE Sans Pro Expanded Italic';
    font-style: normal;
    font-weight: normal;
    src: local('POE Sans Pro Expanded Italic'), url('POE Sans Pro Expanded Italic.woff') format('woff');
}
@font-face {
    font-family: 'POE Sans Pro Expanded';
    font-style: normal;
    font-weight: normal;
    src: local('POE Sans Pro Expanded'), url('POE Sans Pro Expanded.woff') format('woff');
}
@font-face {
    font-family: 'POE Sans Pro Ultra-Condensed Italic';
    font-style: normal;
    font-weight: normal;
    src: local('POE Sans Pro Ultra-Condensed Italic'), url('POE Sans Pro Ultra-Condensed Italic.woff') format('woff');
}
@font-face {
    font-family: 'POE Sans Pro Ultra-Condensed';
    font-style: normal;
    font-weight: normal;
    src: local('POE Sans Pro Ultra-Condensed'), url('POE Sans Pro Ultra-Condensed.woff') format('woff');
}
@font-face {
    font-family: 'POE Sans Pro Italic';
    font-style: normal;
    font-weight: normal;
    src: local('POE Sans Pro Italic'), url('POE Sans Pro Italic.woff') format('woff');
}
@font-face {
    font-family: 'POE Sans Pro Thin Italic';
    font-style: normal;
    font-weight: normal;
    src: local('POE Sans Pro Thin Italic'), url('POE Sans Pro Thin Italic.woff') format('woff');
}
@font-face {
    font-family: 'POE Sans Pro Extra Light';
    font-style: normal;
    font-weight: normal;
    src: local('POE Sans Pro Extra Light'), url('POE Sans Pro Extra Light.woff') format('woff');
}
@font-face {
    font-family: 'POE Sans Pro Extra Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('POE Sans Pro Extra Light Italic'), url('POE Sans Pro Extra Light Italic.woff') format('woff');
}
@font-face {
    font-family: 'POE Sans Pro Light';
    font-style: normal;
    font-weight: normal;
    src: local('POE Sans Pro Light'), url('POE Sans Pro Light.woff') format('woff');
}
@font-face {
    font-family: 'POE Sans Pro Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('POE Sans Pro Light Italic'), url('POE Sans Pro Light Italic.woff') format('woff');
}
@font-face {
    font-family: 'POE Sans Pro Medium';
    font-style: normal;
    font-weight: normal;
    src: local('POE Sans Pro Medium'), url('POE Sans Medium.woff') format('woff');
}
@font-face {
    font-family: 'POE Sans Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: local('POE Sans Pro Bold'), url('POE Sans 1.30 Bold.woff') format('woff');
}
@font-face {
    font-family: 'POE Sans Pro Condensed Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('POE Sans Pro Condensed Bold Italic'), url('POE Sans Pro Condensed Bold Italic.woff') format('woff');
}
@font-face {
    font-family: 'POE Sans Pro Condensed Bold';
    font-style: normal;
    font-weight: normal;
    src: local('POE Sans Pro Condensed Bold'), url('POE Sans Pro Condensed Bold.woff') format('woff');
}
@font-face {
    font-family: 'POE Sans Pro Expanded Bold';
    font-style: normal;
    font-weight: normal;
    src: local('POE Sans Pro Expanded Bold'), url('POE Sans Pro Expanded Bold Italic.woff') format('woff');
}
@font-face {
    font-family: 'POE Sans Pro Expanded Bold';
    font-style: normal;
    font-weight: normal;
    src: local('POE Sans Pro Expanded Bold'), url('POE Sans Pro Expanded Bold.woff') format('woff');
}
@font-face {
    font-family: 'POE Sans Pro Ultra-Condensed Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('POE Sans Pro Ultra-Condensed Bold Italic'), url('POE Sans Pro Ultra-Condensed Bold Italic.woff') format('woff');
}
@font-face {
    font-family: 'POE Sans Pro Ultra-Condensed Bold';
    font-style: normal;
    font-weight: normal;
    src: local('POE Sans Pro Ultra-Condensed Bold'), url('POE Sans Pro Ultra-Condensed Bold.woff') format('woff');
}
@font-face {
    font-family: 'POE Sans Pro Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('POE Sans Pro Bold Italic'), url('POE Sans Pro Bold Italic.woff') format('woff');
}
@font-face {
    font-family: 'POE Sans Pro Expanded Heavy Italic';
    font-style: normal;
    font-weight: normal;
    src: local('POE Sans Pro Expanded Heavy Italic'), url('POE Sans Pro Expanded Heavy Italic.woff') format('woff');
}
@font-face {
    font-family: 'POE Sans Pro Expanded Heavy';
    font-style: normal;
    font-weight: normal;
    src: local('POE Sans Pro Expanded Heavy'), url('POE Sans Pro Expanded Heavy.woff') format('woff');
}
@font-face {
    font-family: 'POE Sans Pro Heavy';
    font-style: normal;
    font-weight: normal;
    src: local('POE Sans Pro Heavy'), url('POE Sans Pro Heavy.woff') format('woff');
}
@font-face {
    font-family: 'POE Sans Pro Heavy Italic';
    font-style: normal;
    font-weight: normal;
    src: local('POE Sans Pro Heavy Italic'), url('POE Sans Pro Heavy Italic.woff') format('woff');
}

sample html

<h3 style="font-family: 'POE Sans Pro Regular'">Illum nam quis consequatur similique iure iusto.</h3>
<h3 style="font-family: 'POE Sans Pro Condensed Italic'">Itaque in est voluptates numquam explicabo.</h3>
<h3 style="font-family: 'POE Sans Pro Condensed'">Ea accusamus cupiditate aut autem quos.</h3>
<h3 style="font-family: 'POE Sans Pro Expanded Italic'">Quia ut et suscipit et tenetur ut non vero.</h3>
<h3 style="font-family: 'POE Sans Pro Expanded'">Non rerum sint pariatur amet et incidunt facilis.</h3>
<h3 style="font-family: 'POE Sans Pro Ultra-Condensed Italic'">Soluta adipisci eaque quas sit culpa odit qui.</h3>
<h3 style="font-family: 'POE Sans Pro Ultra-Condensed'">Porro aliquid cum dolor.</h3>
<h3 style="font-family: 'POE Sans Pro Italic'">Minus fugit voluptatem cum est.</h3>
<h3 style="font-family: 'POE Sans Pro Thin Italic'">Qui nam facilis harum qui facilis porro minus.</h3>
<h3 style="font-family: 'POE Sans Pro Extra Light'">Vel delectus earum debitis molestiae.</h3>
<h3 style="font-family: 'POE Sans Pro Extra Light Italic'">Tempora ab magnam facere distinctio ea est.</h3>
<h3 style="font-family: 'POE Sans Pro Light'">Illo eos veniam non in qui omnis est.</h3>
<h3 style="font-family: 'POE Sans Pro Light Italic'">Voluptates voluptatem nulla soluta non.</h3>
<h3 style="font-family: 'POE Sans Pro Medium'">Dolore debitis esse ab ducimus.</h3>
<h3 style="font-family: 'POE Sans Pro Bold'">Quia aut ullam reprehenderit.</h3>
<h3 style="font-family: 'POE Sans Pro Condensed Bold Italic'">Aut repellendus iusto qui in sed voluptatibus ex.</h3>
<h3 style="font-family: 'POE Sans Pro Condensed Bold'">Id blanditiis error facere et et.</h3>
<h3 style="font-family: 'POE Sans Pro Expanded Bold'">Sed assumenda excepturi cumque est.</h3>
<h3 style="font-family: 'POE Sans Pro Expanded Bold'">Accusamus quia sit ullam repellat in minima.</h3>
<h3 style="font-family: 'POE Sans Pro Ultra-Condensed Bold Italic'">Vitae ut quam sequi.</h3>
<h3 style="font-family: 'POE Sans Pro Ultra-Condensed Bold'">Maiores porro quam dolorem et et dolor.</h3>
<h3 style="font-family: 'POE Sans Pro Bold Italic'">Qui voluptatem veniam eveniet.</h3>
<h3 style="font-family: 'POE Sans Pro Expanded Heavy Italic'">Molestiae totam a aut totam illo.</h3>
<h3 style="font-family: 'POE Sans Pro Expanded Heavy'">Molestiae libero maxime vel quod ut saepe.</h3>
<h3 style="font-family: 'POE Sans Pro Heavy'">Quod est repudiandae maxime.</h3>
<h3 style="font-family: 'POE Sans Pro Heavy Italic'">Cumque architecto voluptas omnis animi corporis.</h3>

Preview

License

Licensed as: Freeware

Typeface © 538Fonts. 2016. All Rights Reserved