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.
Kayak (2016)
random pangram
caps
48px
KayakLight
KayakLight
Kayak
Kayak
KayakMedium
KayakMedium
KayakBold
KayakBold
KayakBlack
KayakBlack
A dynamic, caps-only display typeface with a strong impact. Kayak expands on two axes, alternating from a light condensed weight to a solid black expanded one, giving a range of versatile variations (check out Kayak's specimen for a more detailed presentation).
Nov. 2018 update: A variable font file has been added. Download it here. This is the first backpacker.gr variable font! And I am so happy and proud for that. Read here on how to use variable fonts on your web designs.
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
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
Nov. 2018 update: A variable font file has been added. Download it here. This is the first backpacker.gr variable font! And I am so happy and proud for that. Read here on how to use variable fonts on your web designs.
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
<link rel="stylesheet" type="text/css" href="[folder]/Kayak.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: Kayak, 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 Gnomi