Tallenna verkkosivustosi näiden 12 kauniin Google-fontin avulla

Mainos

Viime vuosikymmenen aikana olen aloitti useita henkilökohtaisia ​​blogeja 10 välttämätöntä ensimmäistä vaihetta Wordpress-blogin käynnistämisessäLuonut melko vähän blogeja, haluaisin ajatella, että minulla on hyvä järjestelmä näiden tärkeiden ensimmäisten vaiheiden varalta, ja toivon, että siitä voi olla hyötyä myös teille. Seuraamalla... Lue lisää jota en koskaan oikein seurannut, mutta osa rakkaimmista muistoistani lepää teemasuunnittelussa ja fonttien muokkaamisessa. Siellä on jotain tyydyttävää, kun huomaat, että verkkosivustollesi sopii täydellisesti fontteja ja kaikki asettuu paikoilleen. Onneksi Google Web Fonts -sovelluksissa koko prosessi ei ole koskaan ollut näin helppoa.

Joten mitä Google Web-fontteja sinun tulisi käyttää? Voit käyttää mitä tahansa fontteja Google Web Fonts -hakemistossa, jossa on tällä hetkellä yli 600 eri kirjasinta - ja tämä määrä kasvaa edelleen. Mutta jotkut fontit on toistuvasti todistettu, koska ne ovat silmälle miellyttäviä ja helpommin luettavia kuin toiset. Jatka lukemista saadaksesi selville, mitkä nämä fontit ovat.

merkintä: Fonttien arvostus on aina subjektiivinen asia, mutta näiden fonttien suosio viittaa siihen, että fonteilla on kaunis laatu. Tämän luettelon fonttihavainnot tehtiin kappaleiden kappaleiden, ei otsikoiden, taiteen tai graafisen suunnittelun yhteydessä.

Mikä on Google Web Fonts?

Google Web Fonts on keskitetty kokoelma erilaisia ​​fontteja, jotka voit upottaa verkkosivustoillesi. Jonkin aikaa verkkosivustojen fontit rajoittuivat katsojan tietokoneella olevaan - jos heillä ei ollut määritettyä kirjasinta, he näkisivät verkkosivustosi vain selaimensa oletusfontissa. Google Web Fonts -sovelluksella katsojat näkevät verkkosivustosi fontin, vaikka heillä ei olisi sitä, ja se avaa paljon ovia suunnittelun kannalta.

Jos käytät WordPressiä, jotkut teemat (etenkin uudemmat) varustetaan teemavaihtoehtojen Google Web Fonts -tuella. Muihin verkkoprojekteihin James on kirjoittanut upeaa opas Google Web -fonttien käyttämiseen Kuinka käyttää Google-fontteja seuraavassa Web-projektissasi ja miksi sinun pitäisiFonttivalinta on olennainen suunnittelupäätös millä tahansa verkkosivustolla, mutta olemme suurimman osan ajasta tyytyväisiä samaan vanhaan serif- ja sans-serif-perheeseen. Vaikka tekstin pääosan tulisi aina olla jotain ... Lue lisää verkkosivustollesi. Jos sinulla on minkäänlaista verkkohallinnan kokemusta, tämän prosessin pitäisi olla yhtä helppoa kuin kakku sinulle.

Google Web Fontsia voidaan käyttää myös muilla tavoilla, kuten Font Changer Chrome -laajennus Fontinvaihto Google Web -fonteilla: Vaihda helposti minkä tahansa verkkosivun fontti [Chrome] Lue lisää . Jos jokin tietty verkkosivusto ei näytä sinulle kovin hyvältä - tai jopa loukkaa graafisia vaatimuksiasi -, voit käyttää Google Web Fonts -sovellusta manuaalisesti muuttaaksesi sivustosi ulkoasua. Kuinka siistiä?

Serif-fontit

Serif-fontit ovat niitä, joissa on vähän pisteitä, aivohalvauksia tai jaloja kirjainten ja symbolien päässä. Ajattele, millaisia ​​kirjasimia löydät painetusta kirjasta, sanomalehdestä, opinnäytetyöstä jne. Kaiken kaikkiaan ne ovat muodollisempia kuin sans-serif-fontit (joita käsitellään tämän artikkelin toisessa osassa), ja niiden katsotaan yleensä olevan helpompi lukea, vaikkakin siitä on kiistelty.

Droid Serif: Et voi puhua moderneista serif-fonteista upottamatta Droidin alueelle. Droid-fonttiperhe on suunniteltu käytettäväksi pienillä mobiililaitteilla, erityisesti Android-alustalla, mutta fontti on saanut suosiotaan ja sitä käytetään nyt kaikkialla.

PT Serif: Vaikka PT: n fonttiperhe on ollut olemassa jo muutama vuosi, se on minulle uusi - ja rakastan sitä. Käytän sitä nyt melkein kaikissa tekstieditorissani, olipa kyse sitten Wordin, Scrivenerin tai blogin muokkaamisesta. Se on tyylikäs ja moderni omilla makuisilla serifiteillä.

Lora: Lora on ehkä kaikkien aikojen toinen suosikki serif-fonttini PT Serifin vieressä. Sillä on vain oikea tasapaino suorassa ja pyöreässä muodossa, joka tarjoaa helpon lukemisen ja miellyttävän esteettisyyden. Tätä fonttia käytän E-kirjojen lukeminen tietokoneellani EPubReader: Lue .EPUB-kirjoja ilmaiseksi selaimesi sisällä [Firefox]e-kirjan suosio on noussut nopeasti viime vuosina, ja ei näytä siltä, ​​että se hidastuisi pian. Ensin Kindle, sitten Nook, sitten älypuhelinsovellukset, kuten Aldiko ja Mantano - on ... Lue lisää .

Judson: Judson tekee hyvän tauon, kun tarvitset kauniin serif-fontin, mutta et halua pudota takaisin joihinkin suosituimpiin, kuten yllä lueteltuihin. Yksi syy siihen, ettei sitä käytetä niin usein, koska siinä ei ole tyyliä, jossa olisi sekä lihavoitu että kursivoitu.

Merriweather: Näin äskettäin Merriweatherin käytettäväksi vilkkaassa kirjoittajan blogissa ja rakastuin. Oikealla kernalla ja etäisyydellä Merriweatherista tulee silmiinpistävää ja se helpottaa nopeaa lukemista, mikä sopii erinomaisesti blogeihin ja web-sisältöön.

Vollkorn: Tämä fontti veti minut ensin Google Web Fontsiin. On hienoa katsoa pienemmällä kirjasinkokoalueella, mutta puutteet ilmenevät suurempana. Siitä huolimatta, se on hienoa ja kannattaa kokeilla.

Sans-Serif-fontit

Jos serif-fontit ovat niitä, joissa punkkeja ja jaloja on kirjaimissa ja symboleissa, niin sans-serif-fontit ovat niitä, joissa ei ole näitä punkkeja ja jaloja. Jotkut ihmiset kuvaavat sans-serif-fontteja "puhtaammiksi" ja "moderneiksi", ja niitä pidetään usein vähemmän muodollisina kuin serif-fontteja, vaikkakin niistä tulee totta vuosittain. Nimi tulee ranskankielisestä sanasta ”ilman” - sans - joten aina kun näet kirjasimen, jonka otsikkona on Sans, tiedät, että se on kyseisen fontin puhdas versio.

Droid Sans: Droid Sans on samassa kirjasinperheessä kuin Droid Serif, mutta Droid Sans on paljon suositumpi yhdestä yksinkertaisesta syystä: mobiilisovellukset käyttävät todennäköisemmin sans-serif-fontteja kuin serif-fontteja. Sen suosio on kuitenkin ylittänyt verkon, ja olet todennäköisesti nähnyt tämän kirjasimen enemmän kuin luulet olevan.

PT Sans: PT Sans on puhdas sans-serif-fontti, joka on oikeastaan ​​hieman kapeampi kuin perinteiset sans-serif-fontit. Se on loistava sekoitus teräviä viivoja ja pehmeitä käyriä, mikä johtaa fonttiin, joka tuntuu steriililtä, ​​mutta taiteellisesti niin.

Avaa Sans: PT Sansin toisella puolella on Open Sans, joka on vähän leveämpi kuin perinteiset sans-serif-fontit. Ajattele Verdanaa, paitsi nykyaikaisempaa. Se ei ole minun kupillinen teetä, mutta ennustan, että Open Sans käyttää sitä enemmän tulevina vuosina.

lato: Lato voi tuntea olevansa hieman ahdas, kun fonttikokoa pienennetään liikaa, mutta asianmukaisilla CSS- ja suunnittelutekniikoilla Lato voi olla kauniimpi kuin useimmat sans-serif-fontit. Kerning ja rivivälit ovat kuitenkin avainasemassa.

Roboto: Roboto on yksi suosikk fontteistani otsikoille, mutta se toimii yhtä hyvin kappalekappaleessa. Se on puhdas, ei liian pitkä, ei liian lyhyt, ei liian leveä ja liian kapea. Se on helppo lukea sans-serif-fontti, jolla on hienovarainen futuristinen kosketus, mikä sopii nimelle.

hytti: Kuten Lato, Cabin voi kärsiä pienemmistä kirjasinkokoista tuntemalla olevansa hieman ahdas ja terävä, kun kirjaimet ovat liian lähellä toisiaan, mutta asianmukainen CSS-muotoilu korjaa sen helposti. Se on kaunis fontti, joka joskus muistuttaa minua nykyaikaisemmasta versiosta Century Gothicista.

johtopäätös

Verkkosivustosi ei enää tarvitse olla jumissa käyttämällä samoja Arial-Helvetica-Verdana sans-serif-fontteja ja Times-Georgia-Palatino serif-fontteja. Napsauta mallejasi tiukalla Google Web Fonts -injektiolla ja ota seuraava askel mullistaaksesi verkkosivustosi ulkoasua. Sen lisäksi, että erotat verkkosivustosi paremmin muista, myös lukijasi kiittävät sinua.

Mitä mieltä sinä olet? Mitkä ovat suosikki Google Web -fontit? Käytätkö niitä omassa sivustossasi? Kerro mielipiteesi kanssamme kommenteissa.