20 suosituinta web-fonttia

Tässä tuomme sinulle luettelon viime vuoden 20 parhaasta web-fontista. Kaikkia näitä fontteja on käytetty laajasti paitsi muotoiluun liittyvillä sivustoilla, myös uutisille, ominaisuuksille, verkkokaupalle ja nykykulttuurille.

Tämä luettelo sisältää sekä avoimen lähdekoodin ilmaisia ​​fontteja että kaupallisia kirjasimia - pidä mielessä, että Google-fontit ovat yleensä suosittuja juuri siitä syystä, että ne ovat ilmaisia, mutta silti tarjolla on joitain todellisia laadukkaita fontteja. Tarvita lisää? Katso luettelo alkuun ilmaiset fontit suunnittelijoille.

01. Avaa ilman

Designblogi The Fox is Black hyödyntää täysin ilmaisia ​​kirjasimia Open Sans



Designblogi The Fox is Black hyödyntää täysin ilmaisia ​​kirjasimia Open Sans
  • Hinta : Vapaa

Googlen mukaan Open Sans on 'humanistinen sans serif -kirjasin'. Sen on suunnitellut Ascender Corp: n tyyppijohtaja Steve Matteson vuonna 2011. Versiolla 2 on täydellinen 897 merkistö.

Vaikka se on ilmainen fontti, se sopii täydellisesti web- ja mobiilikäyttöön - on erittäin luettavissa kaikenkokoisina ja ulkonäöltään ystävällinen. Katso se käytöstä esimerkiksi Virgin.com- ja designblogissa Kettu on musta .

02. Aktiivinen groteski

Top 20 verkkofontti vuonna 2013

Aktiv Grotesk on suunniteltu tarjoamaan vaihtoehto Helveticalle
  • Hinta : Alkaen 35 puntaa painolta (403,20 puntaa perheelle)

Aktiv Grotesk on kaunis sans-serif, joka on suunniteltu yhteistyössä tunnetussa studiossa Dalton Maag. Itse kirjasin on suunniteltu tarjoamaan vaihtoehto Helveticalle.

Maag kertoi haastattelussa Creative Review'lle: 'Halusimme, että grotesk-kirjasin sijoitettaisiin jonnekin Helvetican ja Universin väliin - ei niin jäiseltä kylmältä kuin Univers, mutta vailla kaikkia Helvetican oivalluksia. Jos haluat fontin, joka on kauniisti muotoiltu, sijoitettu hyvin toisistaan, eikä siinä ole leikkausta kaaressa tai mitään - täysin piirretty, mutta toivottavasti hieman persoonallinen. Katso sitä käytetty upeasti Englannin kansallisen baletin verkkosivusto .

03. Merriweather

Top 20 verkkofontti vuonna 2013

Merriweatherillä on käytetty suurta vaikutusta net-lehden upeassa iPad-versiossa
  • Hinta : Vapaa

Merriweather on toinen Googlen web-fontti, jonka on suunnitellut Eben Sorkin. Se on suunniteltu olevan tekstiteksti, joka on helppo lukea näytöllä missä tahansa koossa.

Hieno asia on, että säännöllisen, vaalean, lihavoidun ja mustan lisäksi jokaisessa näistä painoista on kursivoituja tyylejä (lisäys tehtiin toukokuussa 2013). Tämä kaikki tekee siitä erittäin monipuolisen. Sillä on ollut suuri vaikutus net-lehden upeassa iPad-versiossa.

04. Seuraava Nova

Top 20 verkkofontti vuonna 2013

Australialainen vaatesivusto The Iconic on yksi monista Proxima Novaa käyttävistä sivustoista
  • Hinta : Alkaen 29 dollaria painolta

Proxima Nova on täysin uudistettu vuoden 1994 Proxima Sans -kirjasin. Levyjä on kolme: Proxima Nova, Proxima Nova Condensed ja Proxima Nova Extra Condensed. Jokainen leveys koostuu 14 kirjasimesta - seitsemästä painosta ja vastaavalla kursiivilla.

Humanistiset mittasuhteet täyttävät geometrisen ulkonäön tässä laajasti käytetyssä verkkofontissa. Voit nähdä sen toiminnassa stefivanov.com ja Australian vaatetussivustolla Ikoninen , ja monia, monia muita sivustoja. Todellinen vuoden 2013 suosikki.

05. Sivu

Top 20 verkkofontti vuonna 2013

Lato on erittäin suosittu ja ilmainen Google-fontti
  • Hinta : Vapaa

Łukasz Dziedzicin suunnittelema Lato on erittäin suosittu - ja todellakin ilmainen - Google-webfontti, joka koostuu viidestä painosta (mukaan lukien kursivoitu). Lato on erittäin helposti luettavissa missä tahansa koossa, ja siinä on ihana Thin 100 -paino.

Se, että painoja on niin paljon, tekee siitä loistavan valinnan käyttää koko sivustoa - aivan kuten joukkue Etch On tehnyt. Se toimii myös hyvin samankaltaisten kanssa Abel esimerkin näet osoitteesta biglazyrobot.com

Adobe Illustrator sammuttaa perspektiiviruudukon

06. Robotti

Top 20 verkkofontti vuonna 2013

Roboto on pääosin geometrinen, mutta siinä on ystävälliset ja avoimet käyrät
  • Hinta : Vapaa

Robotolla - Googlen mukaan - on 'kaksoisluonne', joka on pääosin geometrinen, mutta jolla on ystävälliset ja avoimet käyrät. Roboto ei ole muuta kuin luettavissa, ja se on yhdistetty Roboto Condensedin ja Roboto Slabin kanssa älykkääseen, monipuoliseen ja oikein käytettyyn web-fonttiin.

Haluatko nähdä sen toiminnassa? Pään yli Googlen oma sivusto erinomaisesta Nexus 5 -älypuhelimestaan. Näet myös, että sitä käytetään laajasti suunnittelutoimistossa R & Co: n tyylikäs salkusivusto .

07. Brandon Grotesque

Top 20 verkkofontti vuonna 2013

Monet suunnittelijat käyttävät Brandon Grotesquea portfoliosivustoissaan, mukaan lukien Ben the Illustrator
  • Hinta : £ 152 (12 fonttia)

Brandon Grotesque on HVD Fontsin erittäin onnistunut fontti (jota ylläpitää erinomainen suunnittelija Hannes von Döhren). Suunnittelijan mukaan fonttiin vaikuttavat 1920- ja 30-luvuilla suositut geometriset tyylitön sans serif -kasvot.

Yhdistämällä otsikoiden Brandon Grotesque ja kehon Brandon Text -tekniikka, sinulla on tyylikäs ratkaisu puhtaisiin, teräviin portfoliosivustoihin. Katso sitä käytössä Jack Hughes , Uusi tulevaisuuden grafiikka ja Ben Kuvittaja .

08. Montserratt

Tämä fontin muotoilu on saanut inspiraationsa vanhoista julisteista ja kylteistä Buenos Airesin kaupunginosassa Montserratissa

Tämä fontin muotoilu on saanut inspiraationsa vanhoista julisteista ja kylteistä Buenos Airesin kaupunginosassa Montserratissa
  • Hinta : Vapaa

Montserrat on Julieta Ulanovskyn suunnittelema kirjasinperhe - puolet ZkySky-suunnittelutoimistosta. Se rahoitettiin tosiasiallisesti a Kickstarter-kampanja ja jaetaan ilmaiseksi Google Fontsin kautta.

'Buenos Airesin perinteisen naapuruston Montserrat-nimiset vanhat julisteet ja kyltit innoittivat minua suunnittelemaan kirjasimen, joka pelastaa 1900-luvun ensimmäisen puoliskon kaupunkityypografian kauneuden', suunnittelija kertoo. Nosta se Regular, Alternates ja Subrayada. Katso se toiminnassa suunnittelublogissa Digitaaliset tiivistelmät .

09. Tulevaisuus

Top 20 verkkofontti vuonna 2013

Bristolissa toimiva suunnittelutoimisto Beef käyttää Aveniria hienosti salkusivustollaan
  • Hinta : 26 £ / paino / 250 000 sivun katselukertaa (MyFontsin kautta)

Tunnetun tyyppisuunnittelija Adrian Frutiger suunnitteli Avenirin vuonna 1988 (hän ​​suunnitteli mm. Universin, Versaillesin ja tietysti samannimisen Frutigerin).

Avenir tarkoittaa ranskan kielellä tulevaisuutta ja on yhtä suosittu kuin verkkofontti kuin painettuna - ja se toimii hyvin sekä tekstissä että otsikoissa. Bristolissa toimiva suunnittelutoimisto Naudanliha käyttää sitä hienosti salkusivustollaan samoin Kerem Suer , jälkimmäinen suunnittelija yhdistää sen Merriweatherin kanssa erinomaisesti.

10. Maison Neue

Top 20 verkkofontti vuonna 2013

Maison Neue on hyvin käytössä Mike Sullivanin salkusivustolla - Studio Mister
  • Hinta : 15 dollaria painoa kohti vuodessa

Valimonsa - sveitsiläisen MillieuGrotesque - mukaan Maison Neue on perusteellisesti uudistettu versio sen varhaisesta Maison-kirjasintyypistä. Timo Gaessnerin suunnittelema kirjasinlaji on huolellisesti piirretty ja 'kiinnitettävä huomiota harmoniaan, rytmiin ja virtaukseen' epäilemättä nykyaikainen groteski - ja se on varmasti erittäin luettavissa ystävällisellä, tyylikkäällä ulkonäöllä.

Löydät sen hyväksi Mike Sullivanin erinomaisella salkusivustolla - Studio Mister . Lisäksi, jos olet kiinnostunut lukemaan lisää, tässä on erinomainen kirjasintyypin tarkistus .

11. Tulevaisuus

Top 20 verkkofontti vuonna 2013

Futura on moderni klassikko
  • Hinta : £ 130,91 (MyFontsin kautta)

Se on moderni klassikko, se on tosiasia. Ja vuonna 2013 Futura näki elpymisen (vaikka se ei koskaan koskaan mennyt pois). Futura on suunnitellut jo vuonna 1927 Paul Renner, ja luultavasti tunnistat sen Volkwagenin mainosfontiksi. Ja se toimii kauniisti riippumattomalla lehtisivustolla Hellä nainen .

12. Effra

Top 20 verkkofontti vuonna 2013

Effra on puhdas ja monipuolinen fontti
  • Hinta : 24,99 dollaria vuodessa WebINK-tilaus (jopa 20000 yksilöllistä kävijää kuukaudessa)

Toinen Dalton Maag -kirjasinlaji - tällä kertaa Jonas Schudelin suunnittelema. Effran juuret ovat Caslon Juniorissa - varhaisessa sans-serifissä, joka on suunniteltu vuonna 1816.

MyFontsin mukaan '' vaikka se ei olekaan tiukasti fontti, joka on tarkoitettu tekstikopion asettamiseen, tuloksena oleva perhe toimii hyvin tekstikokoina ''. Effra on puhdas ja monipuolinen fontti, jossa on hienovarainen väli ja 'humanistiset suunnittelutiedot'. Mukava Effran käyttö sosiaalisen yleisön tiedustelupalvelussa Tarkoitus pääkonttori .

13. Lohduttamaton

Top 20 verkkofontti vuonna 2013

Inconsolata voi lisätä tyylitetyn, modernin tunnelman salkkuun tai galleriaan

Hinta : Vapaa

Inconsolata voi myös lisätä tyylitetyn, modernin ilmeen salkku- tai galleriasivustolle monospace-fontti, joka on suunniteltu painetuille koodiluetteloille (ja monopaikalliset fontit ovat olleet viime aikoina uskomattoman suosittuja).

Suunnittelija Raph Levienin mukaan 'minua hämmästytti erityisesti Lucas de Groot'n konsolien kauneus.' Katso se toiminnassa - ja niin kauniisti - web-suunnittelutoimistossa Dow Smithin sivusto ja sitä käytetään hienovaraisemmin Jeremiah Shoaf .

14. Fact Pro

Top 20 verkkofontti vuonna 2013

Thomas Thiemichin suunnittelema Fakt on erittäin toimiva sans-serif
  • Hinta : Tilaushinnat alk. 24,99 dollaria vuodessa WebINKin kautta

Faktin on suunnitellut Thomas Thiemich ja se on erittäin toimiva sans-serif. Suunnittelijan mukaan (ks https://ourtype.com ) '' Fakt on aikansa lapsi, joka tarjoaa valintoja tehokkaasti ja helposti saatavilla olevalla tavalla. Se on hyvin käyttäytyvä lapsi, mutta myös älykäs lapsi, kunnioittavasti sen ei-serif-vanhempia ja tuo heille uutta iloa. '

Faktilla on kymmenen painoa roomalaista ja kursivoitua, kaikki rakennettu kolmen leveyden ympärille. Fakt osoittaa monipuolisuutensa laaja-alaisessa käytössä ostosuskollisuussivustoilla Marqeta .

15. Sofia Pro

Top 20 verkkofontti vuonna 2013

Sofia Prossa on yhteensä 16 fonttia, joten sitä voidaan käyttää helposti koko sivustolla

Hinta : £ 183 (MyFontsin kautta)

Olivier Gourvat on vuonna 2012 uudistanut tämän kirjasintyypin, joka tukee nyt laajaa kieltä yli 500 kuviolla. Sofia Pro (ei pidä sekoittaa Google-kirjasimeen, Sofia ) on yhteensä 16 fonttia, joten sitä voidaan käyttää helposti koko sivustolla.

Paljon nyökkäyksiä Futuralle, mutta todella puhdas, klassinen kirjasintyyppi. Mielenkiintoinen tosiasia, että sitä käytettiin 85. Oscar-palkinnon (2013) kirjasimena. Voit nähdä sen käytössä muotitalossa Mooses .

veden tanssikohtauksen muoto

16. PT Serif

Top 20 verkkofontti vuonna 2013

PT Serif on loistava ilmainen verkkofontti, joka sopii täydellisesti tekstin toistoon
  • Hinta : Vapaa

ParaType on suunnitellut PT Serifin loistavan ilmaisen verkkofontin, joka sopii täydellisesti tekstin toistamiseen - se on loistavasti luettavissa missä tahansa koossa. Yhdistä se PT Sans -laitteeseen parhaan joustavuuden saavuttamiseksi.

Googlen mukaan perhe koostuu kuudesta tyylistä: säännölliset ja lihavoidut painot vastaavalla kursiivilla muodostavat vakiofonttiperheen perustekstiasetukselle; kaksi tavallisen ja kursivoidun tekstitystyyliä on tarkoitettu käytettäviksi pienissä pistekokoissa. Katso se käytöstä Computer Artsin loistavassa iPad-versio .

17. Adelle

Top 20 verkkofontti vuonna 2013

Offscreen-lehti käyttää Adellea navigoinnissaan
  • Hinta: Tilaushinnat alk. 24,99 dollaria vuodessa WebINKin kautta.

Adelle on loistava esimerkki toimitukselliseen käyttöön tarkoitetusta laattaserifistä - se on erityisesti suunniteltu valimo Type Together -sanomalehdille. Mutta tulostettuna Adelle renderöi ruudulla loistavasti kahdeksalla tyylillä, jotka on optimoitu matalan resoluution renderointiin.

Jos etsit sitä toiminnassa, Offscreen-lehti käyttää sitä navigoinnissaan, ja huomaat sen erinomaisen tekstissä ja alaotsikoissa Kern ja Burn .

18. Theinhardt

Top 20 verkkofontti vuonna 2013

Theinhardt on erittäin monipuolinen, uusgroteskinen sans-serif, jota käytetään verkossa
  • Hinta: Tilaushinnat alk. 24,99 dollaria vuodessa WebINKin kautta.

Vaikka tämä sveitsiläisen valimo Optimon kirjasin voi olla tunnetuin New York Times -lehden kannen koristelusta, Theinhardt on erittäin monipuolinen, uusgroteskinen sans-sarja verkossa käytettäväksi - 18 tyyliä hiusrajasta mustaan ​​(eli se on vain yhtä hyvä tekstille kuin otsikoille ja navigointielementeille).

Katso sitä loistavalla tavalla sveitsiläisen taidekirjan kustantajan luettelosivustolla Painos Patrick Frey . Löydät sen myös pariksi Clarendonin kanssa suunnittelutoimistosta Hei maanantai sivuston.

19. kaikki

Suosituimmat verkkofontit vuonna 2013

Eventbrite käyttää Omnesia tehokkaasti
  • Hinta : Tilaushinnat alk. 24,99 dollaria vuodessa WebINKin kautta.

Josh Darden Darden Studiosta suunnitteli Omnesin vuonna 2010. Pyöristetyt päätteet; omituinen, mutta ei liian omituinen; luettavissa ja laaja valikoima painoja ja kursiivia - kaikki lisää Omnesin olevan erittäin hyödyllinen kirjasinlaji monenlaisiin online-tarkoituksiin.

Tapahtuma käyttää Omnesia tehokkaasti - näyttää kirjasimen näytön luettavuuden ja hienovaraiset suunnittelutiedot.

kaksikymmentä. Yleiskatsaus

Suosituimmat verkkofontit vuonna 2013

Aperçu on kirjasintyyppi, jonka on suunnitellut Brightonissa toimiva suunnittelu- ja typografiastudio The Entente
  • Hinta : 12,50 dollaria painoa kohden vuodessa (Fontdeckin kautta)

Aperçu on kirjasintyyppi, jonka on suunnitellut Brightonissa toimiva suunnittelu- ja typografiastudio The Entente. Anthony Sheretin ja Edd Harringtonin johtamassa studiossa luotiin Aperçu alun perin vuonna 2009 klassisten realististen kirjasintyyppien yhdistelmänä tai yhteenvetona (tästä nimi): Johnston, Gill Sans, Neuzeit ja Franklin Gothic.

Voit nähdä Aperçun käytössä YCN ja ruotsalaisen suunnittelutoimiston sivusto Koodi ja muoto .

Sanat: Rob Carney

Tätä ominaisuutta kirjoittaessamme olemme käyttäneet erinomaista Typewolf viitteenä joillekin esitetyille sivustoille ja web-fontteille. Varmista, että tarkistat sen ja lisäät kirjanmerkkeihin - se on loistava tapa selvittää, mitä Webfontteja käytetään eri sivustoissa (ja jopa webfonttien suosio).

Extensisin hyödyllinen blogiviesti at oli myös suuri apu - vaikka luettelo on yksinkertaisesti yrityksen suosituimmat fontit (eli ne, jotka myivät hyvin). Loistava Käytetyt fontit on myös ollut erityisen hyödyllinen, ja lopuksi olemme käyttäneet hyödyllisiä WhatFont Safari -laajennus Web-fonttien tunnistamiseksi.

Kuten tämä? Lue nämä!

Onko meiltä unohtunut suosittuja web-fontteja? Kerro meille alla olevissa kommenteissa.