Just Another Foundry has moved to Berlin! Goodbye London – 1 Sept 2011
Join our email newsletter:
Note: your email address will not be given to any third party, you can unsubscribe any time.
Generate language-specific dummy texts that look more realistic than lorem ipsum.
The Font Remix Tools are a set of plug-ins for FontLab Studio that will boost your productivity.
Tim Ahrens’ first type design is available from Linotype.
JAF Zalamander Web
JAF Zalamander Web consists of 12 fonts:
- Zalamander Extralight
- Zalamander Light
- Zalamander Regular
- Zalamander Semibold
- Zalamander Bold
- Zalamander Extrabold
- Zalamander Caps Extralight
- Zalamander Caps Light
- Zalamander Caps Regular
- Zalamander Caps Semibold
- Zalamander Caps Bold
- Zalamander Caps Extrabold
Trying out JAF Zalamander Web offline
You can try JAF Zalamander 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 Zalamander 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/Zalamander/" 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/Zalamander/";
Using the webfonts
Now you can work with JAF Zalamander much like you would with other fonts, by using the font-family property, for example:
h1 {
font-family: ZalamanderWeb-Extrabold;
}
h2 {
font-family: ZalamanderWeb-Caps-Light;
}
Accessing the styles
There are 12 styles available:
font-family: ZalamanderWeb-Extralight;
font-family: ZalamanderWeb-Light;
font-family: ZalamanderWeb;
font-family: ZalamanderWeb-Semibold;
font-family: ZalamanderWeb-Bold;
font-family: ZalamanderWeb-Extrabold;
font-family: ZalamanderWeb-Caps-Extralight;
font-family: ZalamanderWeb-Caps-Light;
font-family: ZalamanderWeb-Caps;
font-family: ZalamanderWeb-Caps-Semibold;
font-family: ZalamanderWeb-Caps-Bold;
font-family: ZalamanderWeb-Caps-Extrabold;
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: ZalamanderWeb; font-weight: bold; }
{ font-family: ZalamanderWeb-Bold; }
Note that font-weight: bold only has an effect if used
in combination with font-family: ZalamanderWeb.
For all other weights, it will be ignored.
Note, however, that deactivating individual styles as described above may lead to artificial bolding.