backpacker design + development

random pangram

caps

48px

BPtypewrite

BPtypewriteItalic

BPtypewriteSlashed

BPtypewriteSlashedItalic

BPtypewriteStrikethrough

BPtypewriteStrikethroughItalic

BPtypewriteUnderscored

BPtypewriteUnderscoredItalic

BPtypewriteDamaged

BPtypewriteDamagedItalic

BPtypewriteDamagedSlashed

BPtypewriteDamagedSlashedItalic

BPtypewriteDamagedStrikethrough

BPtypewriteDamagedStrikethroughItalic

BPtypewriteDamagedUnderscored

BPtypewriteDamagedUnderscoredItalic

Didn't you just love BPmono italics? Well, it has undergone through a transformation process and has eventually been reformed into an actual typewriter font. BPtypewrite is in fact BPmono italics standing up, with new soft edges, and a whole system of supporting fonts including underscored, strikethrough and slashed. The italics version remains in all variations, while a rough alternate complements the whole set (BPtypewriteDamaged). Let the BPtypewriting begin!
If you like BPtypewrite take a look at caketype's Nitti Typewriter designed by Pieter van Rosmalen (Pieter thanks for the support ;-).

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: BPtypewrite, 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.

In use