JAF Herb Web

JAF Herb Web consists of 4 fonts:

Trying out JAF Herb Web offline

You can try JAF Herb 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 Herb 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/Herb/" 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/Herb/";

Using the webfonts

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

h1 {
  font-family: HerbWeb-Bold-Condensed;
}
h2 {
  font-family: HerbWeb;
}

Accessing the styles

There are 4 styles available:

font-family: HerbWeb;
font-family: HerbWeb-Bold;
font-family: HerbWeb-Condensed;
font-family: HerbWeb-Bold-Condensed;

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.

font-weight: bold

Using font-weight: bold is optional. There are two ways of specifying the bold weight, both of which load the same font:

{ font-family: HerbWeb; font-weight: bold; }
{ font-family: HerbWeb-Bold; }

/* similar for the condensed: */
{ font-family: HerbWeb-Condensed; font-weight: bold; }
{ font-family: HerbWeb-Bold-Condensed; }