JAF Peacock Web

JAF Peacock Web consists of 6 fonts:


See the glyph sets for details on the fonts.

Trying out JAF Peacock Web offline

You can try JAF Peacock Web in offline HTML documents without having to register. Once your website goes online you need to purchase a subscription for the respective domain.

Activating the webfonts

In order to use JAF Peacock Web on your web page, simply paste the following tag inside the <head> element of your HTML document:

<link rel="stylesheet" href="http://webfonts.justanotherfoundry.com/Peacock/" type="text/css" />

If you are working with a separate CSS file, you will find it more convenient to link it via @import at the beginning of the CSS file:

@import "http://webfonts.justanotherfoundry.com/Peacock/";

Using the webfonts

Now you can work with JAF Peacock much like you would with other fonts, by using the font-family property, for example:

h1 {
  font-family: PeacockWeb;
}
h2 {
  font-family: PeacockWeb-Short;
}

Accessing the styles

There are 6 styles available:

font-family:PeacockWeb;
font-family:PeacockWeb-Alternate;
font-family:PeacockWeb-Swash;
font-family:PeacockWeb-Loop;
font-family:PeacockWeb-Short;
font-family:PeacockWeb-Deep;

Minimizing loading time and volume

Unlike other browsers, Internet Explorer always loads all fonts specified in the CSS file you are linking to as described above. You are permitted to host this file yourself provided that you do not remove or modify the comment on top. You can remove unused styles by deleting or commenting out the respective lines, which saves download volume.