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'">Assumenda expedita corporis ea omnis.</h3>
<h3 style="font-family: 'PF Square Sans Pro Italic'">Non aperiam sit aut.</h3>
<h3 style="font-family: 'PF Square Sans Pro Thin'">Expedita quod ut quo et sit minus.</h3>
<h3 style="font-family: 'PF Square Sans Pro Thin Italic'">Modi qui deleniti reiciendis accusantium.</h3>
<h3 style="font-family: 'PF Square Sans Pro Light'">Consequatur odit quia quod atque dolore.</h3>
<h3 style="font-family: 'PF Square Sans Pro Light Italic'">Aut officiis libero quaerat qui qui asperiores.</h3>
<h3 style="font-family: 'PF Square Sans Pro Medium'">Et aliquid voluptatum nemo quo ipsam asperiores.</h3>
<h3 style="font-family: 'PF Square Sans Pro Medium Italic'">Magni odio qui autem numquam.</h3>
<h3 style="font-family: 'PF Square Sans Pro Bold'">Qui quis quia delectus possimus fugit ea eaque.</h3>
<h3 style="font-family: 'PF Square Sans Pro Bold Italic'">Recusandae et eum optio sunt.</h3>
<h3 style="font-family: 'PF Square Sans Pro Extra Black Italic'">Distinctio rerum consequuntur est laudantium et.</h3>
<h3 style="font-family: 'PF Square Sans Pro Extra Black'">Ipsum autem fuga rerum quis.</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