Typefaces
The common, underlining denominators of all BP typefaces are: (a) support for Greek language, and (b) a huge amount of love injected to each and every one of their characters.
the ultimate dots pack (2008)
random pangram
caps
48px
BPdotsLight
BPdotsLight
BPdots
BPdots
BPdotsBold
BPdotsBold
BPdotsDiamond
BPdotsDiamond
BPdotsDiamondBold
BPdotsDiamondBold
BPdotsDiamondLight
BPdotsDiamondLight
BPdotsMinus
BPdotsMinus
BPdotsMinusBold
BPdotsMinusBold
BPdotsPlus
BPdotsPlus
BPdotsPlusBold
BPdotsPlusBold
BPdotsSquares
BPdotsSquares
BPdotsSquaresBold
BPdotsSquaresBold
BPdotsRounded
BPdotsRounded
BPdotsSquaresLight
BPdotsSquaresLight
BPdotsUnicase
BPdotsUnicase
BPdotsUnicaseBold
BPdotsUnicaseBold
BPdotsUnicaseDiamond
BPdotsUnicaseDiamond
BPdotsUnicaseDiamondBold
BPdotsUnicaseDiamondBold
BPdotsUnicaseDiamondLight
BPdotsUnicaseDiamondLight
BPdotsUnicaseLight
BPdotsUnicaseLight
BPdotsUnicaseMinus
BPdotsUnicaseMinus
BPdotsUnicaseMinusBold
BPdotsUnicaseMinusBold
BPdotsUnicasePlus
BPdotsUnicasePlus
BPdotsUnicasePlusBold
BPdotsUnicasePlusBold
BPdotsUnicaseSquare
BPdotsUnicaseSquare
BPdotsUnicaseSquareBold
BPdotsUnicaseSquareBold
BPdotsUnicaseRounded
BPdotsUnicaseRounded
BPdotsUnicaseSquareLight
BPdotsUnicaseSquareLight
BPdotsUnicaseVertical
BPdotsUnicaseVertical
BPdotsUnicaseVerticalBold
BPdotsUnicaseVerticalBold
BPdotsVertical
BPdotsVertical
BPdotsVerticalBold
BPdotsVerticalBold
BPdotsCondensed
BPdotsCondensed
BPdotsCondensedDiamond
BPdotsCondensedDiamond
BPdotsCondensedSquare
BPdotsCondensedSquare
OK, there are plenty of similar "dot" fonts out there (either free or not) so, there is not much of an innovation here ... But what about those variations! 30 monospaced "dot" fonts in 6 alternates (round, square, diamond, plus, minus, vertical) and 2 styles (normal and unicase), together with 3 non-monospaced condensed variations (round, square, diamond). Most of the 30 monospaced fonts can be used interchangeably, since they share the same width, allowing you to create stunning layering effects. Check out the accompanying presentation for the big picture ...
Tip: BPdots and its variations have not been designed for usage on screen. If you want though to use them in a screen project, try using either BPdots or BPdotsSquares (normal or unicase) in 10px font-size or, alternatively, BPdotsCondensed in 26px font-size. They look great! Unfortunately, I can't say the same for the rest of the fonts or for other pixel sizes ...
Nov. 2018 update: A variable font file has been added for BPdotsSquare. Download it here. Together with Kayak Variable and Ribbon Variable, this is one of the first backpacker.gr variable fonts! Read here on how to use variable fonts on your web designs.
Webfont usage
A clean pixel font appropriate for both text and titles. Available in regular and small caps variations. And take a look at those old-style numerals...
Suggested px sizes
10px or 11px, 20px or 21px, 30px or 31px and so on...
Instructions
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
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
Tip: BPdots and its variations have not been designed for usage on screen. If you want though to use them in a screen project, try using either BPdots or BPdotsSquares (normal or unicase) in 10px font-size or, alternatively, BPdotsCondensed in 26px font-size. They look great! Unfortunately, I can't say the same for the rest of the fonts or for other pixel sizes ...
Nov. 2018 update: A variable font file has been added for BPdotsSquare. Download it here. Together with Kayak Variable and Ribbon Variable, this is one of the first backpacker.gr variable fonts! Read here on how to use variable fonts on your web designs.
Webfont usage
A clean pixel font appropriate for both text and titles. Available in regular and small caps variations. And take a look at those old-style numerals...
Suggested px sizes
10px or 11px, 20px or 21px, 30px or 31px and so on...
Instructions
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
<link rel="stylesheet" type="text/css" href="[folder]/the ultimate dots pack.css"/>
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: the ultimate dots pack, 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
by Sebastian Wenk