Karla Font
A grotesque sans serif family designed by Jonathan Pinhorn.
Available Weights
200, 300, 400, 500, 600, 700, 800
Font Specimen
Preview Karla at different weights.
Weight 200
The quick brown fox jumps over the lazy dog.
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789
Weight 300
The quick brown fox jumps over the lazy dog.
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789
Weight 400
The quick brown fox jumps over the lazy dog.
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789
Weight 500
The quick brown fox jumps over the lazy dog.
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789
Weight 600
The quick brown fox jumps over the lazy dog.
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789
Weight 700
The quick brown fox jumps over the lazy dog.
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789
Weight 800
The quick brown fox jumps over the lazy dog.
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789
How to Use
Add Karla to your website with Google Fonts.
HTML (in <head>)
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Karla:wght@200;300;400;500;600;700;800&display=swap" rel="stylesheet">
CSS
font-family: 'Karla', sans-serif;
Pairs Well With
Fonts that complement Karla.
Compare Karla
See how Karla compares to other fonts.