Verfraai uw website met deze 12 prachtige Google-weblettertypen

Advertentie

In het afgelopen decennium heb ik startte een aantal persoonlijke blogs 10 essentiële eerste stappen bij het starten van een WordPress-blogNadat ik nogal wat blogs heb gemaakt, zou ik willen denken dat ik een goed systeem heb voor die essentiële eerste stappen, en ik hoop dat het ook voor jou nuttig kan zijn. Door te volgen... Lees verder die ik nooit echt heb gevolgd, maar sommige van mijn dierbaarste herinneringen rusten op themaontwerp en lettertype-aanpassingen. Er is iets bevredigend wanneer u die perfecte combinatie van lettertypen voor uw website vindt en alles op zijn plaats valt. Gelukkig is dat hele proces met Google Web Fonts nog nooit zo eenvoudig geweest.

Dus welke Google Web Fonts moet je gebruiken? Welnu, u kunt elk van de lettertypen gebruiken in de Google Web Fonts-directory, die momenteel meer dan 600 verschillende lettertypen bevat - en dat aantal blijft groeien. Maar sommige lettertypen zijn keer op keer bewezen als prettiger voor het oog en gemakkelijker te lezen dan andere. Blijf lezen om erachter te komen wat die lettertypen zijn.

Opmerking: Het waarderen van lettertypen is altijd een subjectieve kwestie, maar de populariteit van deze lettertypen suggereert dat ze een prachtige kwaliteit hebben. Overwegingen bij het lettertype voor deze lijst zijn gemaakt in de context van alinea-inhoud, niet in koppen, kunst of grafisch ontwerp.

Wat zijn Google-weblettertypen?

Google Web Fonts is een gecentraliseerde verzameling van verschillende lettertypen die u in uw website (s) kunt insluiten. Een tijdje waren website-lettertypen beperkt tot wat er op de computer van de kijker stond. Als ze niet het opgegeven lettertype hadden, zouden ze je website alleen in het standaardlettertype van hun browser zien. Met Google Web Fonts kunnen kijkers het lettertype van uw website zien, zelfs als ze het niet hebben, en dat opent veel deuren qua ontwerp.

Als u WordPress gebruikt, zijn sommige thema's (vooral de nieuwere) uitgerust met ondersteuning voor Google Web Fonts in de thema-opties. Voor andere webprojecten heeft James een geweldige geschreven gids over het gebruik van Google Web Fonts Hoe Google-lettertypen te gebruiken in uw volgende webproject en waarom u dat zou moeten doenDe keuze van het lettertype is een integraal ontwerpbesluit op elke website, maar meestal zijn we tevreden met dezelfde oude serif- en schreefloze familie. Hoewel de hoofdtekst altijd iets moet zijn ... Lees verder voor uw website. Als u ervaring heeft met webbeheer, zou dit proces voor u een fluitje van een cent moeten zijn.

Google Web Fonts kunnen ook op andere manieren worden gebruikt, bijvoorbeeld via de Font Changer Chrome-extensie Lettertype-wisselaar met Google Web Fonts: verander eenvoudig het lettertype van elke website [Chrome] Lees verder . Als een bepaalde website er niet zo goed uitziet voor u - of zelfs uw gevoel voor grafische normen beledigt - dan kunt u Google Web Fonts gebruiken om handmatig te veranderen hoe een website er aan uw kant uitziet. Hoe cool is dat?

Serif-lettertypen

Serif-lettertypen zijn lettertypen met kleine streepjes, strepen of voetjes aan het einde van letters en symbolen. Denk aan de soorten lettertypen die u zou vinden in een gedrukt boek, een krant, een proefschrift, enz. Over het algemeen zijn ze formeler dan schreefloze lettertypen (die in het tweede deel van dit artikel worden behandeld) en worden ze over het algemeen als gemakkelijker te lezen beschouwd, hoewel dat discutabel is.

Droid Serif: Je kunt niet praten over moderne serif-lettertypen zonder in het Droid-gebied te duiken. De Droid-lettertypenfamilie is ontworpen voor gebruik op kleine mobiele schermen, met name het Android-platform, maar het lettertype is steeds populairder geworden en wordt nu overal gebruikt.

PT Serif: Hoewel het al een paar jaar bestaat, is de PT-lettertypenfamilie nieuw voor mij - en ik ben er dol op. Ik gebruik het nu voor bijna al mijn teksteditors, of het nu gaat om Microsoft Word, Scrivener of blogbewerking. Het is strak en modern met een eigen smaakvolle kijk op serifs.

Lora: Lora is misschien wel mijn tweede favoriete serif-lettertype ooit, naast PT Serif. Het heeft precies de juiste balans tussen recht en rond, is gemakkelijk te lezen en heeft een aangename esthetiek. Dit is het lettertype dat ik gebruik wanneer e-boeken lezen op mijn computer EPubReader: lees gratis .EPUB-boeken in uw browser [Firefox]De populariteit van e-boeken is de afgelopen jaren enorm gestegen en het ziet er niet naar uit dat het binnenkort zal vertragen. Eerst de Kindle, dan de Nook, dan smartphone-apps zoals Aldiko en Mantano - er zijn ... Lees verder .

Judson: Judson zorgt voor een goede pauze als je een mooi serif-lettertype nodig hebt, maar niet wilt terugvallen op enkele van de meer populaire, zoals de hierboven genoemde. Een reden waarom het niet zo vaak wordt gebruikt, is omdat het een stijl mist die zowel vet als cursief is.

Merriweather: Ik zag Merriweather onlangs op een productieve blog van een schrijver en werd verliefd. Met de juiste spatiëring en spatiëring wordt Merriweather supergemakkelijk voor de ogen en maakt het snel lezen mogelijk, wat geweldig is voor blogs en webinhoud.

Vollkorn: Dit is het lettertype dat me in de eerste plaats naar Google Web Fonts heeft getrokken. Het is leuk om naar te kijken in het kleinere lettergroottebereik, maar de gebreken worden duidelijker bij grotere formaten. Desalniettemin is het geweldig en het proberen waard.

Sans-Serif-lettertypen

Als serif-lettertypen degene zijn met teken en voeten op letters en symbolen, dan zijn schreefloze lettertypen degenen zonder die teken en voeten. Sommige mensen beschrijven schreefloze lettertypen als 'schoner' en 'modern' en ze worden vaak gezien als minder formeel dan serif-lettertypen, hoewel dat elk jaar minder waar wordt. De naam komt van het Franse woord voor "zonder" - zonder - dus als je een lettertype ziet met het label 'Sans', weet je dat het de schone versie van dat lettertype is.

Droid Sans: Droid Sans zit in dezelfde lettertypefamilie als Droid Serif, maar Droid Sans is om één simpele reden veel populairder: mobiele apps gebruiken vaker schreefloze lettertypen dan serif-lettertypen. De populariteit is echter overgelopen naar het web en je hebt dit lettertype waarschijnlijk meer gezien dan je denkt dat je hebt.

PT Sans: PT Sans is een schoon schreefloos lettertype dat eigenlijk een beetje smaller is dan traditionele schreefloze lettertypen. Het is een prachtige mix van scherpe lijnen en zachte rondingen, wat resulteert in een lettertype dat steriel en toch artistiek aanvoelt.

Open zonder: Aan de andere kant van PT Sans heb je Open Sans, wat een beetje breder is dan traditionele schreefloze lettertypen. Denk aan Verdana, behalve moderner. Het is niet mijn kopje thee, maar ik voorspel dat Open Sans de komende jaren meer zal worden gebruikt.

Lato: Lato kan een beetje krap aanvoelen als de lettergrootte te veel wordt verlaagd, maar met de juiste CSS- en ontwerptechnieken kan Lato mooier zijn dan de meeste schreefloze lettertypen. Kerning en regelafstand zijn echter de sleutel.

Roboto: Roboto is een van mijn favoriete lettertypen voor koppen, maar het werkt net zo goed in een alineahoofdtekst. Het is schoon, niet te lang, niet te kort, niet te breed en niet te smal. Het is een gemakkelijk te lezen schreefloos lettertype met een subtiele futuristische toets, wat toepasselijk is gezien de naam.

Cabine: Net als Lato kan Cabin lijden aan kleinere lettergroottes door zich een beetje krap en scherp te voelen wanneer de letters te dicht bij elkaar staan, maar een goed CSS-ontwerp kan dat gemakkelijk oplossen. Het is een prachtig lettertype dat me soms doet denken aan een modernere versie van Century Gothic.

Conclusie

Uw websites hoeven niet langer vast te zitten met dezelfde Arial-Helvetica-Verdana schreefloze lettertypen en Times-Georgia-Palatino serif-lettertypen. Verfraai uw ontwerpen met een strakke injectie van Google Web Fonts en zet de volgende stap naar een revolutie in het uiterlijk van uw website. U kunt uw website niet alleen beter van anderen onderscheiden, maar ook uw lezers zullen u bedanken.

Wat denk je? Wat zijn uw favoriete Google-weblettertypen? Gebruik je ze voor je eigen site? Deel uw mening met ons in de opmerkingen.