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'">Incidunt accusamus voluptas sit vel officia aut.</h3>
<h3 style="font-family: 'PF Square Sans Pro Italic'">Perferendis in sed suscipit.</h3>
<h3 style="font-family: 'PF Square Sans Pro Thin'">Dolore et possimus officia.</h3>
<h3 style="font-family: 'PF Square Sans Pro Thin Italic'">Autem illo praesentium vel perferendis ex.</h3>
<h3 style="font-family: 'PF Square Sans Pro Light'">Sunt tempora doloribus consectetur qui optio.</h3>
<h3 style="font-family: 'PF Square Sans Pro Light Italic'">Inventore dolore velit sint iure placeat.</h3>
<h3 style="font-family: 'PF Square Sans Pro Medium'">Accusamus et fuga numquam aliquid quas.</h3>
<h3 style="font-family: 'PF Square Sans Pro Medium Italic'">Enim quam adipisci nulla atque.</h3>
<h3 style="font-family: 'PF Square Sans Pro Bold'">Doloremque hic voluptas nihil nihil et ut.</h3>
<h3 style="font-family: 'PF Square Sans Pro Bold Italic'">Nostrum aut voluptas earum dolores optio.</h3>
<h3 style="font-family: 'PF Square Sans Pro Extra Black Italic'">Nam aut quia aperiam et voluptas.</h3>
<h3 style="font-family: 'PF Square Sans Pro Extra Black'">Exercitationem nemo reiciendis quos esse.</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