JAF Lapture Web fonts

You can try JAF Lapture 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 Lapture Web on your web page, simply paste the following tag inside the <head> element of your HTML document:

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/Lapture/";

Using the webfonts

Now you can work with JAF Lapture much like you would with other fonts, by using the font-family and font-style properties, for example:

h1 {
  font-family: LaptureWeb-Display;
}
.famous-quote {
  font-family: LaptureWeb-Semibold;
  font-style: italic;
}

Accessing the styles

There are six weights available:

font-family: LaptureWeb;
font-family: LaptureWeb-Semibold;
font-family: LaptureWeb-Bold;
font-family: LaptureWeb-Display;
font-family: LaptureWeb-Display-Semibold;
font-family: LaptureWeb-Display-Bold;

Each of these can be combined with font-style: italic, giving you access to 12 styles.

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: LaptureWeb; font-weight: bold; }
{ font-family: LaptureWeb-Bold; }

Note that font-weight: bold only has an effect if used in combination with font-family: LaptureWeb. If used with the semibold it will be ignored.
Note, however, that deactivating individual styles as described above may lead to artificial bolding or slanting.