PF Square Sans Pro Font Family

Use "PF Square Sans Pro" font as a Webfont

You can create beautiful websites with great typography using the @font-face kit of PF Square 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 PF Square 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: 'PF Square Sans Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local('PF Square Sans Pro Regular'), url('PFSquareSansProRegular_35489.woff') format('woff');
}
@font-face {
    font-family: 'PF Square Sans Pro Italic';
    font-style: normal;
    font-weight: normal;
    src: local('PF Square Sans Pro Italic'), url('PFSquareSansProItalic_35484.woff') format('woff');
}
@font-face {
    font-family: 'PF Square Sans Pro Thin';
    font-style: normal;
    font-weight: normal;
    src: local('PF Square Sans Pro Thin'), url('PFSquareSansProThin_35490.woff') format('woff');
}
@font-face {
    font-family: 'PF Square Sans Pro Thin Italic';
    font-style: normal;
    font-weight: normal;
    src: local('PF Square Sans Pro Thin Italic'), url('PFSquareSansProThinItalic_35491.woff') format('woff');
}
@font-face {
    font-family: 'PF Square Sans Pro Light';
    font-style: normal;
    font-weight: normal;
    src: local('PF Square Sans Pro Light'), url('PFSquareSansProLight_35485.woff') format('woff');
}
@font-face {
    font-family: 'PF Square Sans Pro Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('PF Square Sans Pro Light Italic'), url('PFSquareSansProLightItalic_35486.woff') format('woff');
}
@font-face {
    font-family: 'PF Square Sans Pro Medium';
    font-style: normal;
    font-weight: normal;
    src: local('PF Square Sans Pro Medium'), url('PFSquareSansProMedium_35487.woff') format('woff');
}
@font-face {
    font-family: 'PF Square Sans Pro Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('PF Square Sans Pro Medium Italic'), url('PFSquareSansProMediumItalic_35488.woff') format('woff');
}
@font-face {
    font-family: 'PF Square Sans Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: local('PF Square Sans Pro Bold'), url('PFSquareSansProBold_35480.woff') format('woff');
}
@font-face {
    font-family: 'PF Square Sans Pro Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('PF Square Sans Pro Bold Italic'), url('PFSquareSansProBoldItalic_35481.woff') format('woff');
}
@font-face {
    font-family: 'PF Square Sans Pro Extra Black Italic';
    font-style: normal;
    font-weight: normal;
    src: local('PF Square Sans Pro Extra Black Italic'), url('PFSquareSansProExtraBlackItalic_35483.woff') format('woff');
}
@font-face {
    font-family: 'PF Square Sans Pro Extra Black';
    font-style: normal;
    font-weight: normal;
    src: local('PF Square Sans Pro Extra Black'), url('PFSquareSansProExtraBlack_35482.woff') format('woff');
}

sample html

<h3 style="font-family: 'PF Square Sans Pro Regular'">Et tenetur ut molestias qui qui et atque.</h3>
<h3 style="font-family: 'PF Square Sans Pro Italic'">Dolor ducimus natus fuga eveniet sit et.</h3>
<h3 style="font-family: 'PF Square Sans Pro Thin'">Voluptatem quia fugit et qui cumque et.</h3>
<h3 style="font-family: 'PF Square Sans Pro Thin Italic'">Explicabo officia occaecati aperiam aut.</h3>
<h3 style="font-family: 'PF Square Sans Pro Light'">Odit enim praesentium est et eum.</h3>
<h3 style="font-family: 'PF Square Sans Pro Light Italic'">Voluptatem voluptas ea sit id molestiae.</h3>
<h3 style="font-family: 'PF Square Sans Pro Medium'">Consequatur corrupti quas iure sed.</h3>
<h3 style="font-family: 'PF Square Sans Pro Medium Italic'">Beatae reiciendis id accusantium.</h3>
<h3 style="font-family: 'PF Square Sans Pro Bold'">Aliquid sit quisquam totam eos magni aspernatur.</h3>
<h3 style="font-family: 'PF Square Sans Pro Bold Italic'">Non qui quia dolores omnis debitis numquam.</h3>
<h3 style="font-family: 'PF Square Sans Pro Extra Black Italic'">Ad aliquam ad ex explicabo et eum.</h3>
<h3 style="font-family: 'PF Square Sans Pro Extra Black'">Ab sed quos distinctio autem.</h3>

Preview

License

Square Sans is a trademark of Parachute and may be registered in certain jurisdictions.

Square Sans is a trademark of Parachute¨

Copyright (c) 2005 Parachute¨, www.parachute.gr. All rights reserved.

http://www.parachute.gr/support.aspx?Licensing=1