@font-face { font-family: 'Clara Light 17088'; src: url('/assets/retailfonts/Clara-Light.woff2?16966') format('woff2') , url('/assets/retailfonts/Clara-Light.woff?16965') format('woff') ; font-weight: 300; font-style: normal; } @font-face { font-family: 'Clara Light Italic 17063'; src: url('/assets/retailfonts/Clara-LightItalic.woff2?16990') format('woff2') , url('/assets/retailfonts/Clara-LightItalic.woff?16989') format('woff') ; font-weight: 300; font-style: normal; } @font-face { font-family: 'Clara Regular 17093'; src: url('/assets/retailfonts/Clara-Regular.woff2?16971') format('woff2') , url('/assets/retailfonts/Clara-Regular.woff?16970') format('woff') ; font-weight: 400; font-style: normal; } @font-face { font-family: 'Clara Regular Italic 17411'; src: url('/assets/retailfonts/Clara-RegularItalic.woff2?17310') format('woff2') , url('/assets/retailfonts/Clara-RegularItalic.woff?17309') format('woff') ; font-weight: 400; font-style: normal; } @font-face { font-family: 'Clara Medium 17098'; src: url('/assets/retailfonts/Clara-Medium.woff2?16976') format('woff2') , url('/assets/retailfonts/Clara-Medium.woff?16975') format('woff') ; font-weight: 500; font-style: normal; } @font-face { font-family: 'Clara Medium Italic 17073'; src: url('/assets/retailfonts/Clara-MediumItalic.woff2?17001') format('woff2') , url('/assets/retailfonts/Clara-MediumItalic.woff?17000') format('woff') ; font-weight: 500; font-style: normal; } @font-face { font-family: 'Clara Bold 17103'; src: url('/assets/retailfonts/Clara-Bold.woff2?16980') format('woff2') , url('/assets/retailfonts/Clara-Bold.woff?16981') format('woff') ; font-weight: 700; font-style: normal; } @font-face { font-family: 'Clara Bold Italic 17078'; src: url('/assets/retailfonts/Clara-BoldItalic.woff2?17004') format('woff2') , url('/assets/retailfonts/Clara-BoldItalic.woff?17005') format('woff') ; font-weight: 700; font-style: normal; } @font-face { font-family: 'Clara ExtraBold 17108'; src: url('/assets/retailfonts/Clara-ExtraBold.woff2?16985') format('woff2') , url('/assets/retailfonts/Clara-ExtraBold.woff?16984') format('woff') ; font-weight: 800; font-style: normal; } @font-face { font-family: 'Clara ExtraBold Italic 17083'; src: url('/assets/retailfonts/Clara-ExtraBoldItalic.woff2?17010') format('woff2') , url('/assets/retailfonts/Clara-ExtraBoldItalic.woff?17009') format('woff') ; font-weight: 800; font-style: normal; }

Clara

10 Fonts
Afrikaans
Albanian
Aromanian
Arumanian
Arvanitic
Asturian
Asu
Azerbaijani
Baraba Tatar
Basque
Bemba
Bena
Bislama
Bosnian
Breton
Catalan
Chamorro
Chichewa
Chiga
Cornish
Crimerian Tatar
Croatian
Czech
Danish
Dutch
Embu
English
Esperanto
Estonian
Faroese
Filipino
Finnish
Franco-Provençal
French
Friulian
Gagauz
Galician
Ganda
German
Greenlandic
Gusii
Hawaiian
Hungarian
Icelandic
Inari Saami
Indonesian
Interlingua
Irish
Istro-Romanian
Italian
Jola-Fonyi
Kabuverdianu
Kalaallisut
Kalenjin
Kamba
Karaim
Kikuyu
Kinyarwanda
Ladin
Ladino
Latvian
Lithuanian
Lovari Roma
Lower Sorbian
Lule Sámi
Luo
Luxembourgish
Luyia
Machame
Makhuwa-Meetto
Makonde
Malagasy
Malay
Maltese
Manx
Maori
Meru
Moldavian
Morisyen
North Ndebele
Northern Sotho
Northern Sámi
Norwegian Bokmål
Norwegian Nynorsk
Nyankole
Occitan
Oromo
Polish
Portuguese
Quechua
Romani Pan-Vlax
Romanian
Romansh
Rombo
Rundi
Rwa
Samburu
Samoan
Sango
Sangu
Scottish Gaelic
Sena
Serbian
Shambala
Shona
Slovak
Slovenian
Soga
Somali
Southern Sotho
Southern Sámi
Spanish
Swahili
Swedish
Tahitian
Taita
Teso
Tongan
Tswana
Turkish
Turkmen
xiTsonga
Ume Sámi
Upper Sorbian
Uzbek
Veps
Vunjo
Walloon
Walser
Welsh
Wolof
isiXhosa
Yapese
Yiddish
Zulu
Two for the Show
Three to Get Ready
Now Go, Cat, Go!
@font-face { font-family: 'Clarinetta Bold 17163'; src: url('/assets/retailfonts/Clarinetta-Bold.woff2?17030') format('woff2'), url('/assets/retailfonts/Clarinetta-Bold.woff?17029') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Clarinetta Unicase Bold 17198'; src: url('/assets/retailfonts/ClarinettaUnicase-Bold.woff2?17196') format('woff2'), url('/assets/retailfonts/ClarinettaUnicase-Bold.woff?17197') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Realist Bold 187'; src: url('/assets/retailfonts/Realist/Realist-Bold.woff2?5579') format('woff2'), url('/assets/retailfonts/Realist/Realist-Bold.woff?5577') format('woff'); font-weight: 700; font-style: normal; }

Clara: How Karla Became Clarinetta

Clara is a modification of the Google freefont Karla, a sans serif family designed by Jonathan Pinhorn. As an open-source font, Clara remains freely available here and is not sold commercially. Jürgen Huber modified a number of details, expanded Clara to a full Latin extended character set and refined its spacing and kerning. And even more importantly, Clara inspired the development of the Clarinetta typeface family—a contemporary serif system comprising three distinct styles: Clarinetta, Clarinetta Italic, and Clarinetta Unicase.

Buying Options

Get off 20% for multiple Single Fonts!

Get off 20% for multiple Single Fonts!

Custom Type

Understanding and utilising our clients’ individual company values, we define the formal characteristics they wish to see reflected in their typeface and corporate design identity.