Att säga det just nu är en spännande tid för webtypografi att göra något av en underdrift.

Nyliga tekniska hopp och gränser har fört oss ett steg närmare typografisk nirvana på webben, och det är ett steg som har varit en väldigt lång tid som kommer.

  • Kolla in de 40 bästa fonterna för designers, från våra kollegor på Creative Bloq

Friheten att använda teckensnitt utöver de "webbsäkra" teckensnitt som installerats på de flesta system har kommit till stor del tack vare tre stora och nästan samtidiga tekniska faktorer: för det första det omfattande stödet för @ font-face i webbläsare; för det andra uppkomsten av typsnittstjänster såsom Typekit och Fontdeck; och för det tredje, utvecklingen av ett nytt teckensnitt format - den ödmjuka WOFF-filen - för att ta itu med många av gruvornas integritetsproblem.

Men med stor kraft kommer det stora ansvaret. Bara för att vi kan välja från ett stort bibliotek med teckensnitt betyder inte att vi måste Det finns något att säga för målning med en begränsad palett. Inte bara det, men det finns många sub-standard teckensnitt där ute, och med många av dem är fria, är deras användning ofta utbredd men oförtjänade.

Faktum är att det här är en del av ett mycket större problem: missuppfattningen - särskilt inom webbdesignsgemenskapen - att teckensnitt inte är värt att betala för. Detta är skadligt för både det globala nätverket av begåvade typdesigners och designgemenskapen som helhet.

En typsnitt, som någon form av design, skapas av hantverkare under en betydande tidsperiod, med hjälp av talang och erfarenhet som de har honing i många år. Fördelarna med ett professionellt utformat teckensnitt - olika vikter och stilar för att bilda en komplett familj, noggrant övervägande paraplypar, flerspråkigt stöd med internationella tecken, uttrycksfulla alternativa glyfer för att lägga till karaktär och variation i typinställningar - finns mycket sällan i en teckensnitt tillgängligt gratis.

Det är av den anledningen att vi har fokuserat nästan helt på 20 teckensnitt som kräver någon form av inköp, även om många av typekit-serierade teckensnitt finns i deras fria paket.

Vi har också fokuserat främst på teckensnitt som fungerar bra för den relativt små kroppstyp vi använder regelbundet på webben, istället för att visa ansikten som är mer lämpade till mycket stora rubriker. Så vänd och upptäck 20 teckensnitt du vill använda om och om igen ...

20. Avenir
Fonts.com
Klassificering: Sans serif
Designer: Adrian Frutiger

Avenirs design bygger på den allestädes närvarande Futura (som var utformad som 'Die Schrift für die Neue Zeit' - 'typsnittet för den nya tiden'), men Avenir beskrivs av formgivaren Adrian Frutiger som en mer mänsklig beröring.

Trots sin popularitet som företags typsnitt är det en väl avrundad geometrisk sans med en subtil personlighet som lägger till ett vänligt leende till seriöst innehåll.

Flera år senare avslutade Akira Kobayashi Avenir Next, som förfinade originalet och tillfogade kursiv och småkapslar.

19. FF Kava
FontShop
Klassificering: Sans serif
Designer: yanone

När Kaffeesatz släpptes gratis runt, blev webbläsarsupporten för @ font-face mer utbredd, det blev populär bland många webbdesigners och förde designern Yanone till FontShop FSI, som beställde honom att producera en professionell version av typsnittet.

Snarare än att helt enkelt lägga till extra glyfer till teckensnittet, blev den helt återuppbyggd från grunden och behöll mycket av sin karaktär men innehöll funktioner som svart vikt, småkapslar och internationellt språkstöd. Resultatet är FF Kava.

18. Times New Roman
System typsnitt
Klassificering: serif
Designer: Victor Lardent, Stanley Morison

Så konstigt som det kan tyckas att lista en systemfont som är associerad med världen av Word-dokument och passar som inte kan vara störd att ändra standardvärdena, är Times New Roman en överraskande robust typ när den ges en liten TLC.

Säsongskonferensens hemsida 2008 gjorde speciellt bra användningen av Times genom att ge den känslan av ett visningsansikte. Simon Collison, en designer som är känd för sin uppskattning av Times flexibilitet och användningen av den på hans personliga sajt, säger att "det känns faktiskt ganska bra att ta en trött gammal typ och försöka klämma bort alla möjliga uns från det".