Karla

Classification

Font Technology

Variable Font with 1 axis
Weight (wght): 200–800

How To Use Karla

To use Karla in your web project, either search Google Fonts and use their embed code or host the font on your server and use the CSS below. Note: fonts served by Google Fonts may be missing some OpenType features that are available in the original font.
@font-face {
  font-family: 'Karla';
  src: url('<YOUR SERVER PATH>Karla[wght].ttf') format(woff2);
  font-weight: 200 800;
  font-stretch: 100%;
  font-style: normal;
}

@font-face {
  font-family: 'Karla';
  src: url('<YOUR SERVER PATH>Karla-Italic[wght].ttf') format(woff2);
  font-weight: 200 800;
  font-stretch: 100%;
  font-style: italic;
}

Description

Karla is a grotesque sans serif family which has been expanded now to a variable font with a weight axis ranging from ExtraLight to ExtraBold plus full support of Western, Central, and South-Eastern European languages. To contribute, see github.com/googlefonts/karla .

Designer

Jonny Pinhorn
After completing an MA in Type Design at the University of Reading, Jonny went on to design Karla for Google Fonts. Karla is a popular and quirky sans-serif typeface that supports both Latin and Tamil scripts. His continued fascination with India and Indian languages led him to ITF, where he worked for three years. Jonny continues to work exclusively on Indic scripts—including and most recently. |

Copyright

Copyright 2019 The Karla Project Authors (https://github.com/googlefonts/karla)

OpenType Features

Related Fonts

Karla regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
We are such stuff as dreams are made on, and our little life is rounded with a sleep. Be not afeard; the isle is full of noises, sounds, and sweet airs that give delight and hurt not. Sometimes a thousand twangling instruments will hum about mine ears.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Numerals
oldstyle-nums
tabular-nums
0123456789 0123456789
0123456789 0123456789
Arbitrary Fractions
diagonal-fractions
1/2 1/3 2/3 3/4 5/8 15/16 1234/5678
Fractions
default css
font-feature-settings: "frac" 1
/
/
0
0
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
Standard ligatures
font-variant-ligatures: none
font-feature-settings: "liga" 1
fi
fi
fl
fl
Tabular numbers
default css
font-feature-settings: "tnum" 1
+
+
=
=
0
0
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
$
$
£
£
<
<
>
>
%
%
^
^
~
~
¢
¢
¤
¤
¥
¥
×
×
÷
÷
±
±
Karla italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
We are such stuff as dreams are made on, and our little life is rounded with a sleep. Be not afeard; the isle is full of noises, sounds, and sweet airs that give delight and hurt not. Sometimes a thousand twangling instruments will hum about mine ears.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Numerals
oldstyle-nums
tabular-nums
0123456789 0123456789
0123456789 0123456789
Arbitrary Fractions
diagonal-fractions
1/2 1/3 2/3 3/4 5/8 15/16 1234/5678
Fractions
default css
font-feature-settings: "frac" 1
/
/
0
0
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
Standard ligatures
font-variant-ligatures: none
font-feature-settings: "liga" 1
fi
fi
fl
fl
Tabular numbers
default css
font-feature-settings: "tnum" 1
+
+
=
=
0
0
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
$
$
£
£
<
<
>
>
%
%
^
^
~
~
¢
¢
¤
¤
¥
¥
×
×
÷
÷
±
±