backpacker design + development

A slightly flared humanistic sans full of beautiful inconsistencies and imperfections. Available in 5 weights, ranging from an airy Light to a warm Black. Also available as a variable font. You can download the small specimen of the typeface here.

Webfont usage

1. Unzip the downloaded file and place the webfont files (.woff, .eot, .ttf) and the accompanying .css file on a specific folder on your server.

2. Copy and paste the code below inside the <head> of the page(s) where you want the webfont to be used

where [folder] = the name of the folder where you put the css and webfont files

3. Add the font-family name at the css rules where you want to use the webfont

div { font-family: Barnebok, Arial; }

4. If the webfont supports italics, bold and/or bold italics you can use them simply by using <b> and <i> tags inside your html code.

5. If the webfont has a Light or other weight, look at the accompanying .css file to find out what weight value you should use.