WordPress

15 geriausių „Google“ šriftų pagal skaičius 2021 m. (plius patarimai, kaip juos naudoti)

Yra 1052 skirtingų „Google“ šriftų šeimų nemokamai (rašant šį straipsnį). Tai daug pasirinkimų! Taigi nenuostabu, kad jums reikia pagalbos ieškant adatos šieno kupetoje su geriausių „Google“ šriftų sąrašu.

Turime tai už jus, o tada taip pat pasidalinsime geriausia „Google“ šriftų naudojimo „WordPress“ praktika.

Šrifto pasirinkimas yra daugiau nei tik estetinis pasirinkimas – jis gali turėti didelės įtakos jūsų svetainės atmetimo rodikliams ir konversijų rodikliams, ypač jei pasirenkate sunkiai įskaitomą šriftą. Todėl verta skirti šiek tiek laiko, kad pasirinktumėte tobulą „Google“ šriftų šeimą savo svetainei, o ne naudoti pirmąjį sutiktą šriftą.

Jei jums reikia dar daugiau šriftų, peržiūrėkite mūsų įrašą apie 50 ir daugiau modernių šriftų, kuriuos galite naudoti savo „WordPress“ svetainėje.

Kodėl verta naudoti „Google“ šriftus?

Internete yra tūkstančiai šriftų saugyklų, tad kuo „Google“ šriftai tokie ypatingi?

Google Fonts katalogas.
Google Fonts katalogas.

Pirma, tai nemokama! Be to, „Google“ šriftus prižiūri ir pristato „Google“, o tai reiškia, kad jie yra saugūs. Žinoma, yra daugybė gudrių svetainių, kuriose galite atsisiųsti nemokamų šriftų, bet kas žino, ką dar pasiimsite su tais failais?

Tokių svetainių šriftų kokybė kartais taip pat gali būti abejotina.

„Google“ parengė daugiau nei tūkstantį aukštos kokybės šriftų. Kai nesate grafinis dizaineris, puikiai išmanantis tipografiją, tai saugesnis pasirinkimas.

Antra, nėra jokių sudėtingų licencijavimo apribojimų. Visi „Google Fonts“ kataloge esantys šriftai yra atvirojo kodo ir nemokami naudoti komerciniuose projektuose. Galite atsisiųsti arba įterpti juos į savo svetainę ir netgi galite naudoti juos spausdinimo projektuose.

Nors nėra vieningos licencijos, dauguma šriftų saugykloje naudoja atvirąją šrifto licenciją.

Atidarykite šrifto licenciją.
Atidarykite šrifto licenciją.

Kiti „nemokami šriftai“ retai būna nemokami ir pateikiami su daugybe painių licencijavimo apribojimų, dėl kurių suklydus gali patekti į karštą vandenį. Deja, „Google Fonts“ nėra su tuo pačiu bagažu.

Galiausiai, naudojant „Google Fonts“ API, į savo svetainę pridėti „Google“ šriftų yra paprasta. Arba galite juos atsisiųsti atskirai ir įkelti į savo žiniatinklio serverį per FTP/SFTP.

Nors „Google“ šriftai paprastai yra paprasti ir galbūt ne tokie prašmatnūs kaip kai kurie mokami šriftai, jie tikrai lenkia žiniatinklyje saugius šriftus, kurie yra iš anksto įdiegti su pagrindinėmis operacinėmis sistemomis, tuos pačius šriftus, kuriuos visi matė tūkstančius kartų.

Yra 1052 skirtingų „Google“ šriftų šeimų nemokamai... ar jau jaučiatės priblokšti? 🤯 Susiaurinkite savo pasirinkimą naudodamiesi šiuo įrašu 👇Spustelėkite Tweet

Ko ieškoti naudojant „Google“ šriftą

Jei kurdami svetainę turėtumėte išmokti vieno dalyko, tai kaip pasirinkti jūsų projektui tinkantį „Google“ šriftą. Gera tipografija padarys jūsų svetainę arba sugadins ją.

Tai gali atrodyti nesvarbi detalė, tačiau tai gali būti skirtumas tarp to, ar kas nors anksti palieka svetainę, ar pasilieka šalia, kad taptų lojaliu skaitytoju ar klientu.

Tinkamo šrifto pasirinkimas yra tai, ką grafikos dizaineriai praleidžia daugelį metų, tačiau atsižvelgdami į keletą principų galite pasirinkti gražų savo svetainės šriftą.

  • Tinka jūsų prekės ženklui: Tai gali būti pats svarbiausias aspektas. Geriausiose svetainėse yra šriftas, kuris parodo jų asmenybę, tačiau yra skaitomas ir tinka dabartiniam dizainui. Pavyzdžiui, „Apple“ ir „Iron Maiden“ naudoja labai skirtingus šriftus, tačiau jie abu atitinka jų prekės ženklą.
  • skaitomumas: Antras pagal svarbą principas yra skaitomumas. Išgalvotas ar niūrus šriftas tikrai gali tikti jūsų prekės ženklui, bet jei lankytojai nemoka jo perskaityti, jie greitai išeis. Todėl jūsų šriftai turi būti profesionalūs ir įskaitomi.
  • Šrifto klasifikacija: Nors yra šimtai šrifto klasifikavimo būdų, šie yra penki pagrindiniai tipai: serif, sans-serif, script, monospace ir dekoratyvinis. Scenarijus arba serifinis šriftas perteikia eleganciją, o monospace šriftai yra populiarūs technologijų svetainėse. Žinodami šias klasifikacijas, turėsite geresnį paieškos pradžios tašką.
  • Ekrano arba teksto šriftas: Ekrano šriftai skirti dideliems dydžiams, antraštėms arba spausdinimo projektams. Jie gali sau leisti būti mažiau įskaitomi dėl unikalaus dizaino. Pagrindinė teksto šriftų direktyva yra skaitomumas, nes jie sudarys didžiąją jūsų svetainės dalį.
  • Nuotaika ir ketinimai: Kaip ir bet kuris meninis kūrinys, menininkai kuria šriftus konkrečioms nuotaikoms ir nustatymams. Dauguma šriftų bus su pastabomis apie tai, kaip jie buvo sukurti ir kaip galite juos naudoti. Naudokite juos, kad nuspręstumėte, ar šriftas tinka jūsų projektui.

10 geriausių „Google“ šriftų 2021 m. (pagal minios išmintį)

Taigi, kaip sudaryti geriausių „Google“ šriftų sąrašą, kai tiek daug jų yra subjektyvu? Nenorime, kad visas šis sąrašas būtų šališkas, todėl remdamiesi duomenimis sudarysime populiariausių „Google“ šriftų sąrašą.

Naudosime „Google Fonts“ analizę, kad pasitikėtume minios išmintimi. Turėdama daugiau nei 50 trilijonų šriftų peržiūrų, „Google“ turi tik šiek tiek duomenų, iš kurių galima gauti.

Tada apžvelgsime neapdorotus populiarumo skaičius ir pasirinksime keletą populiarėjančių HTML šriftų.

Paruošta? Pasinerkime!

1. Roboto "

Robotas.
Robotas.

Ilgai veikianti #1 vieta ir BehmasterPasirinktas šriftas „Roboto“ yra Christiano Robertsono pasiūlymas be serifo, kurį „Google“ sukūrė kaip „Android“ sistemos šriftą. Dabar jis labai populiarus, pateikiamas 12 skirtingų stilių ir daug kartų pasirodo „Google Fonts“ analizėje.

Pavyzdžiui, Roboto yra populiariausias šriftas. Tačiau Roboto Condensed taip pat yra šeštas populiariausias šriftas, o Roboto Slab taip pat pasirodo 12-oje vietoje!

2. Open Sans

Atidaryti be.
Atidaryti be.

„Open Sans Condensed“ yra gerai įskaitomas šriftas, kurį užsakė „Google“ ir įkvėpė jo pirmtakas „Droid Sans“. „Google“ naudoja Open Sans kai kuriose savo svetainėse ir spausdintiniuose bei žiniatinklio skelbimuose. „Open Sans Condensed“, jo seserinis šriftas, taip pat užima tryliktą vietą pagal populiarumą „Google Fonts“.

3. lato

Lato.
Lato.

„Lato“ yra dar vienas populiarus Łukasz Dziedzic pasirinkimas. Jo dizainas yra gana sudėtingas, subalansuojant prieštaringus tikslus, todėl gaunamas unikalus, lengvas šriftas be serifo.

4. Montseratas

Monstserratas.
Monstserratas.

Montserratas yra Julietos Ulanovsky, gyvenančios to paties pavadinimo Buenos Airių Montserato rajone, šriftas be serifo. 18 skirtingų stilių – nuo ​​lengvo iki sunkaus – jūs turite gana daug pasirinkimo.

5. Oswaldas

Osvaldas.
Osvaldas.

„Oswald“ yra „sans-serif“ šriftas, kurį iš pradžių sukūrė Vernonas Adamsas. Jis buvo sukurtas atsižvelgiant į išskirtinį alternatyvųjį gotikos stilių, kurį išryškino drąsūs potėpiai.

6. Šaltinis „Sans Pro“

Šaltinis Sans Pro.
Šaltinis Sans Pro.

„Source Sans Pro“ yra „Sans-serif“ šriftas, sukurtas „Adobe“ ir pirmasis „Adobe“ atvirojo kodo šriftas. Pagaminta Paulo Hunto, dėl šviesių raidžių jis yra švarus ir įskaitomas.

7. Slabo 27px/13px

Slabo.
Slabo.

Slabo yra serifinis šriftas, kurį sukūrė Johnas Hudsonas iš Tiro Typeworks. Šis šriftas yra specialiai sukurtas tam tikriems dydžiams – 27 arba 13 pikselių, atsižvelgiant į jūsų poreikius.

8. Raleway

Raleway
Raleway

18 skirtingų stilių „Raleway“ yra dar vienas didelės šeimos šriftas be serifo, kurį iš pradžių sukūrė Mattas McInerney. Jei jums patinka „Raleway“ ir ieškote kažko unikalaus, „Raleway Dots“ siūlo panašų stilių su punktyriniu metodu, kuris tinka didelėms antraštėms.

9. PT be

PT be.
PT be.

PT Sans buvo sukurtas Rusijos Federacijos viešiesiems tipams ir todėl apima lotyniškus ir kirilicos simbolius. PT šeimoje taip pat yra keletas kitų šriftų, įskaitant kai kurias serif parinktis.

10. Merriweatheris

Merriweatheris.
Merriweatheris.

Merriweather pavadinimas sužadina malonaus dizaino idėją, o jo dizaineriai būtent to ir siekė. Nors ir ne toks populiarus, Merriweather Sans yra seserinis projektas, kuris puikiai dera su juo.

Papildomi šriftai + naujieji ir atėję asmenys

Remiantis skaičiais, dešimt aukščiau pateiktų šriftų yra populiariausi „Google“ šriftai. Tačiau tik populiariausių parinkčių rodymas kenkia puikiems ir naujiems šriftams, kurie dar nebuvo rodomi analizėje.

Štai keletas mūsų mėgstamiausių, kurie nepasirodė analitikos viršuje.

11. Noto Sans / Serif

Noto Sans / Serif.
Noto Sans / Serif.

„Noto“ yra „Google“ užsakytas šriftas, tiekiamas serif ir be serif. Jis nuolat atnaujinamas, o dabar yra daugiau nei 100 „Noto“ šriftų, kurių nuolat atsiranda daugiau!

„Noto“ tikslas – aprėpti visas įvairių kalbų abėcėles ir simbolius, o išskirtinis dizainas harmoningai dera šimtuose skirtingų šriftų šeimų. Šie išvestiniai produktai apima populiarius Noto Sans KR ir Noto Sans JP.

12. Nunito Sans

Nunito Sans.
Nunito Sans.

„Nunito Sans“ yra „sans-serif“ parinktis, kuri sparčiai populiarėja. 2018–2019 m. jo naudojimas išaugo tris kartus ir kasmet populiarėja.

13. Pirmas koncertas

Pirmas koncertas.
Pirmas koncertas.

„Concert One“ yra suapvalintas groteskiškas šriftas, kuris yra puikus antraštės pasirinkimas. Jo netradicinis dizainas tikrai patrauks akį.

14. Raginimas

Raginimas.
Raginimas.

„Prompt“ yra Tailando komunikacijos projektavimo įmonės „Cadson Demak“ pasiūlymas be jokio ryšio. Jis yra be kilpų (tailandietiškas sans-serif atitikmuo) ir apima tajų ir lotyniškus rašmenis.

15. Darbas be

Darbas Sans.
Darbas Sans.

„Work Sans“ yra „sans-serif“ šriftas, optimizuotas naudoti ekranuose. Dizaineriai rekomenduoja naudoti vidutinio svorio stilius bet kam nuo 14 pikselių iki 48 pikselių.

Reikia nepaprastai greitos, patikimos ir visiškai saugios prieglobos savo „WordPress“ svetainei? Behmaster teikia visa tai ir visą parą, 24 dienas per savaitę, 7 dienas per savaitę, pasaulinio lygio palaikymą iš „WordPress“ ekspertų. Peržiūrėkite mūsų planus

Kaip sukurti geriausius „Google“ šriftų derinius

Jei manėte, kad sunku pasirinkti vieną šriftą iš „Google Fonts“, palaukite, kol bandysite juos susieti savo svetainėje! Laimei, tai nėra problema, kurią turite išspręsti (nebent to norite). Norėdami sukurti geriausius „Google“ šriftų derinius, galite naudoti kelis būdus.

Pirma, pati „Google Fonts“ svetainė pasiūlys populiarias poras, jei slinksite puslapiu žemyn:

Atraskite populiarias „Google“ šriftų poras.
Atraskite populiarias „Google“ šriftų poras.

Be to, norėdami gauti daugiau pasiūlymų, taip pat galite naudoti tokią svetainę kaip „Font Pair“.

Geriausia „Google“ šriftų naudojimo „WordPress“ praktika

Suradę tobulus savo projektui šriftus, pateikiame keletą geriausių „Google“ šriftų naudojimo „WordPress“ praktikos pavyzdžių.

Apribokite naudojamų šriftų svarmenų skaičių

Kai kurie iš šių šriftų, pavyzdžiui, Montserrat ir Raleway, yra su 18 skirtingų šriftų svorio. Nors tai yra naudinga norint suteikti jums parinkčių, nenorite įkelti visų 18 svorių į savo „WordPress“ svetainę, nes tai sulėtins įkėlimo laiką.

Labai svarbu laikytis šios rekomendacijos!

Daugumai šriftų galima naudoti ne daugiau kaip tris svarmenis:

  • reguliarus
  • Italikų
  • Drąsus

Daugelis „WordPress“ svetainių, kurias matome šiais laikais, netgi praleidžia kursyvą ir naudoja tik du skirtingus šrifto svorius.

Jei patys įdedate „Google“ šriftus, galite tiksliai pasirinkti, kokius svarmenis įtraukti. Pirmiausia apsilankykite šrifto puslapyje ir spustelėkite Pasirinkite šį stilių šalia norimų.

„Google Fonts“ šrifto pasirinkimas.
„Google Fonts“ šrifto pasirinkimas.

Daugelyje „WordPress“ temų šiandien yra paprastų būdų pasirinkti, kuriuos „Google“ šriftus ir svarmenis norite naudoti. Tačiau ne visi temų kūrėjai orientuojasi į našumą. Taigi kai kuriais atvejais gali būti geriau išjungti „Google“ šriftus savo temoje ir pridėti juos patiems.

Kintamieji šriftai taip pat pradeda populiarėti ir juos palaiko visos šiuolaikinės naršyklės. Tai nuostabūs, nes leidžia vienam šrifto failui paversti skirtingas savybes. „Google Fonts“ turi daug kintamųjų šriftų, iš kurių galite rinktis, ir jūs netgi galite susiaurinti paiešką iki konkrečiai tų šriftų.

"Nustatymas

Apsvarstykite galimybę talpinti „Google“ šriftus vietoje

Kaip alternatyvą šriftų pateikimui iš „Google“ serverio, šriftus taip pat galite priglobti vietoje, o tai suteikia našumo pranašumų. Tačiau atminkite, kad dauguma „Google“ šriftų tikriausiai jau yra talpykloje žmonių naršyklėse. Taigi rekomenduojame atlikti našumo testus.

Jei naudojate aukščiausios kokybės šriftą, kuris nėra „Google“ šriftas, pvz., šriftą „Brandon“, kurį naudojame savo šriftuose Behmaster Svetainėje, jų priegloba vietoje (ir aptarnavimas iš jūsų CDN) yra geriausias būdas. Norėdami sužinoti daugiau apie šią temą, peržiūrėkite mūsų įrašus, kaip priglobti šriftus vietoje.

Pasirinkite šriftą, kuris bus atnaujintas

Šriftai yra kaip „WordPress“ papildiniai ir temos – laikui bėgant jie atnaujinami ir patobulinami, kad būtų dar geresni. Ir nors statymai nėra tokie baisūs kaip „WordPress“ papildiniai, vis tiek gali būti naudinga pasirinkti šriftą, kuris reguliariai atnaujinamas. Pavyzdžiui, „Google“ Noto šeima nuolat atnaujinama nuo 2014 m.

Kadangi dauguma šiame sąraše esančių šriftų yra populiarūs, tikriausiai būtų gerai, kad bet kuris šiame sąraše esantis šriftas bus reguliariai atnaujinamas ir patobulintas. Ir jei nuspręsite išbraukti iš sąrašo, niekada nėra bloga idėja, kad pasirinktas šriftas būtų pakankamai populiarus, kad atkreiptų dėmesį.

Nepamirškite apie pritaikymą neįgaliesiems

Pasaulio sveikatos organizacijos duomenimis, 2015 m. surinktais duomenimis, maždaug 253 milijonai žmonių gyvena su regėjimo negalia: 36 milijonai yra akli, o 217 milijonų - vidutinio sunkumo ar sunkus regėjimo sutrikimas. Be to, 2.2 m. žmonių, turinčių tam tikrą negalią, skaičius išaugo iki 2021 mlrd.

Naudodami „Google“ šriftus galite valdyti, kaip jis atrodo su CSS, pvz., spalvą ir dydį. Taigi nepamirškite vadovautis žiniatinklio turinio prieinamumo gairėmis (WCAG) 2.0. Tai užtikrins, kad jūsų turinys bus lengvai pasiekiamas visiems.

Vadovaujantis šiomis gairėmis, turinys taps prieinamas platesniam žmonių su negalia, įskaitant aklumą ir silpnaregį, kurtumą ir klausos praradimą, mokymosi negalią, pažinimo apribojimus, ribotą judėjimą, kalbos negalią, jautrumą šviesai ir šių dalykų derinius, ratui. – Žiniatinklio turinio prieinamumo gairės (WCAG) 2.0

Viena iš svarbių gairių yra spalvų kontrastas. Mūsų šriftas buvo šiek tiek per šviesus senesniam dizainui Behmaster svetainę, o lankytojai išreiškė savo susirūpinimą, nes buvo sunku skaityti. Paskutinis dalykas, kurį norite padaryti, yra paskelbti nuostabų turinį, kad jis taptų įtampa žmonių akims!

Norėdami sužinoti, ar šrifto spalvos atitinka oficialias rekomendacijas, galite naudoti įrankį, pvz., „WebAIM“ spalvų kontrasto tikrintuvą. Pavyzdžiui, matote, kad mūsų tinklaraščio įrašų spalvos išlaikė testą. 👍

Spalvų kontrasto tikrinimo įrankis.
Spalvų kontrasto tikrinimo įrankis. 

Kaip pridėti „Google“ šriftus prie „WordPress“.

Pasirinkus vieną ar du šriftą, paskutinis veiksmas yra pridėti jį prie savo svetainės. „Google Fonts“ dėka ši užduotis yra dar lengvesnė nei įprastai.

Tarkime, kad norite į savo svetainę įtraukti šriftą. Tokiu atveju turite tris parinktis: įdiegti papildinį, pvz., „Easy Google Fonts“ arba „Google Fonts Typography“, naudoti „Google Fonts“ API šriftui įkelti į savo svetainę arba rankiniu būdu atsisiųsti ir talpinti savo svetainėje.

Jei jums reikia žinoti, kaip pakeisti šriftus „WordPress“, parengėme išsamų vadovą, kuris jums padės.

Šrifto pasirinkimas yra daugiau nei tik estetinis pasirinkimas – tai gali turėti didelės įtakos jūsų svetainės atmetimo rodikliams ir konversijų rodikliams 😲 Pradėkite čia ⬇️Spustelėkite Tweet

Santrauka

„Google“ šriftai yra fantastiški ir naudojami milijonuose svetainių. Dėl jų žiniatinklis tampa malonesnis, atviresnis, greitesnis ir pasiekiamas naudojant tvirtus tipografijos ir ikonografijos principus.

Norėdami užtikrinti geresnę bendrą lankytojų patirtį, rekomenduojame laikytis geriausios šriftų praktikos, pvz., apriboti šriftų svorį, priglobti šriftus vietoje (jei reikia) ir laikytis pritaikymo neįgaliesiems gairių.

Dabar jums – kokie yra jūsų mėgstamiausi šriftai ir šriftų poros iš „Google Fonts“? Praneškite mums toliau komentaruose ir nepamirškite perskaityti mūsų išsamaus „WordPress“ šriftų vadovo!

Susiję straipsniai

0 komentarai
Inline atsiliepimai
Peržiūrėti visus komentarus
Atgal į viršų mygtukas