Grana upp din webbplats med dessa 12 vackra Google Web-typsnitt

Annons

Under det senaste decenniet har jag gjort det startade ett antal personliga bloggar 10 väsentliga första steg när du startar en Wordpress-bloggEfter att ha skapat en hel del bloggar skulle jag vilja tro att jag har ett bra system för de väsentliga första stegen, och jag hoppas att det kan vara till nytta för dig också. Genom att följa... Läs mer som jag aldrig riktigt har följt med, men några av mina älskaste minnen vilar på temadesign och teckensnittjusteringar. Det finns något tillfredsställande när du hittar den perfekta matchningen av teckensnitt för din webbplats och allt faller på plats. Tack och lov, med Google Web Fonts har hela processen aldrig varit enklare.

Så vilka Google Web Fonts ska du använda? Du kan använda valfritt typsnitt i Google Web Fonts-katalogen, som för närvarande innehåller över 600 olika typsnitt - och det antalet fortsätter att växa. Men vissa teckensnitt har bevisats, gång på gång, som mer behagliga för ögat och lättare att läsa än andra. Fortsätt läsa för att ta reda på vilka typsnitt är.

Notera: Teckensnitt uppskattning är alltid en subjektiv fråga, men populariteten för dessa teckensnitt tyder på att de har en vacker kvalitet om dem. Teckensnittöverväganden för denna lista gjordes i samband med styckeorgan, inte rubriker, konst eller grafisk design.

Vad är Googles webbteckensnitt?

Google Web Fonts är en centraliserad samling av olika typsnitt som du kan bädda in på din webbplats (er). En stund begränsades webbplatsens teckensnitt till vad som var på tittarens dator - om de inte hade det angivna teckensnittet skulle de bara se din webbplats i standardteckensnittet i deras webbläsare. Med Google Web Fonts kan tittarna se din webbplats typsnitt även om de inte har det, och det öppnar många dörrar när det gäller design.

Om du använder WordPress är vissa teman (särskilt de nyare) utrustade med stöd för Google Web Fonts i temalternativen. För andra webbprojekt har James skrivit upp en stor guide för hur du använder Googles webbsnitt Hur du använder Google-teckensnitt i ditt nästa webbprojekt och varför du bordeVal av teckensnitt är ett integrerat designbeslut på vilken webbplats som helst, men för det mesta är vi nöjda med samma gamla serif och sans-serif-familj. Medan huvuddelen av text alltid borde vara något ... Läs mer för din webbplats. Om du har någon form av erfarenhet av webbhantering bör denna process vara lika enkel som tårta för dig.

Google Web Fonts kan också användas på andra sätt, till exempel genom Fontändring Chrome förlängning Teckensnittbytare med Googles webbteckensnitt: Ändra enkelt teckensnittet på en webbplats [Chrome] Läs mer . Om en viss webbplats inte ser bra ut för dig - eller till och med kränker din känsla av grafiska standarder - kan du använda Google Web Fonts för att manuellt ändra hur en webbplats ser ut i slutet. Hur coolt är inte det?

Serif-teckensnitt

Serif-teckensnitt är de som har små fästingar, streck eller fötter i slutet av bokstäver och symboler. Tänk på vilken typ av teckensnitt du hittar i en tryckt bok, en tidning, ett uppsatsuppsats etc. Sammantaget är de mer formella än sans-serif-teckensnitt (som behandlas i den andra delen av denna artikel) och anses i allmänhet vara lättare att läsa, även om det är diskutabelt.

Droid Serif: Du kan inte prata om moderna serif-teckensnitt utan att doppa i Droid-territoriet. Droid-teckensnittfamiljen var designad för användning på små mobilskärmar, särskilt Android-plattformen, men teckensnittet har vunnit i popularitet och används överallt nu.

PT Serif: Även om det har funnits i några år, är PT-typsnitt med teckensnitt ny för mig - och jag älskar det. Jag använder det nu för nästan alla mina textredigerare, oavsett om det är redigering av Microsoft Word, Scrivener eller blogg. Det är snyggt och modernt med sitt eget smakfulla tag på seriffer.

Lora: Lora är kanske mitt andra favorit serif font någonsin, bredvid PT Serif. Den har precis rätt balans mellan rak och rund, vilket ger en enkel läsning och en trevlig estetik. Detta är det teckensnitt jag använder när läsa böcker på min dator EPubReader: Läs .EPUB-böcker gratis rätt i webbläsaren [Firefox]eBok-populariteten har skyrocket de senaste åren och det ser inte ut som om det kommer att avta när som helst snart. Först Kindle, sedan Nook, sedan smartphone-appar som Aldiko och Mantano - det finns ... Läs mer .

Judson: Judson gör ett bra avbrott när du behöver ett vackert serif-teckensnitt men inte vill falla tillbaka på några av de mer populära, som de som anges ovan. En anledning till att den inte används lika ofta är att den saknar en stil som har både fetstil och kursiv stil.

Merriweather: Jag såg nyligen Merriweather använda på en produktiv författares blogg och blev förälskad. Med rätt kerning och avstånd blir Merriweather superlätt i ögonen och underlättar snabb läsning, vilket är bra för bloggar och webbinnehåll.

Vollkorn: Det här är teckensnittet som lockade mig till Google Web Fonts i första hand. Det är trevligt att titta på i det mindre teckensnittområdet, men bristerna blir tydligare vid större storlekar. Ändå är det fantastiskt och värt ett försök.

Sans-Serif-teckensnitt

Om serif-teckensnitt är de med fästingar och fötter på bokstäver och symboler, är sans-serif-teckensnitt de som är utan dessa fästingar och fötter. Vissa människor beskriver sans-serif-teckensnitt som "renare" och "moderna" och de ses ofta som mindre formella än serif-teckensnitt, även om det blir mindre sant med varje år. Namnet kommer från det franska ordet för "utan" - sans - så när du ser ett teckensnitt som heter Sans, vet du att det är den rena versionen av det stilsorten.

Droid Sans: Droid Sans är i samma teckensnittsfamilj som Droid Serif, men Droid Sans är mycket mer populärt av ett enkelt skäl: mobilappar är mer benägna att använda sans-serif-teckensnitt än serif-teckensnitt. Men populariteten har gått över webben, och du har förmodligen sett det här teckensnittet mer än du tror att du har.

PT Sans: PT Sans är ett rent sans-serif-teckensnitt som faktiskt är lite smalare än traditionella sans-serif-teckensnitt. Det är en underbar blandning av vassa linjer och mjuka kurvor, vilket resulterar i ett teckensnitt som känns sterilt men ändå konstnärligt.

Öppna Sans: På den andra sidan av PT Sans har du Open Sans som är lite bredare än traditionella sans-serif-teckensnitt. Tänk Verdana, utom modernare. Det är inte min kopp te, men jag förutspår att Open Sans kommer att se mer användning under de kommande åren.

Lato: Lato kan känna sig lite trånga när teckenstorleken sänks för mycket, men med korrekt CSS- och designtekniker kan Lato vara vackrare än de flesta sans-serif-teckensnitt. Kerning och linjeavstånd är dock nyckeln.

roboto: Roboto är ett av mina favorit typsnitt för rubriker, men det fungerar lika bra i en styckekropp. Det är rent, inte för långt, inte för kort, inte för brett och inte för smalt. Det är ett lättläst sans-serif-teckensnitt med ett subtilt futuristiskt inslag, vilket är lämpligt med namnet.

Stuga: Liksom Lato kan Cabin drabbas av mindre teckensnitt genom att känna sig lite trånga och skarpa när bokstäverna är för nära varandra, men korrekt CSS-design kan fixa det enkelt. Det är ett vackert teckensnitt som ibland påminner mig om en mer modern version av Century Gothic.

Slutsats

Inte längre behöver dina webbplatser fastna med samma Arial-Helvetica-Verdana sans-serif-teckensnitt och Times-Georgia-Palatino serif-teckensnitt. Grana upp dina mönster med en noggrann injektion av Google Web Fonts och ta nästa steg för att revolutionera din webbplats utseende. Inte bara kommer du bättre att skilja din webbplats från andra, utan dina läsare kommer också att tacka dig.

Vad tror du? Vilka är dina favorit Google Web Fonts? Använder du dem för din egen webbplats? Dela dina tankar med oss ​​i kommentarerna.