Wordpress

15 жылғы сандар бойынша 2021 ең жақсы Google қаріптері (оларды пайдалану бойынша қосымша кеңестер)

1052 түрлі Google қаріптер тобы бар (осы мақаланы жазу кезінде). Бұл көп таңдау! Сондықтан ең жақсы Google қаріптерінің тізімі бар пішеннен инені табу үшін сізге көмек керек екені таңқаларлық емес.

Біз оны сіз үшін алдық, содан кейін біз WordPress жүйесінде Google қаріптерін пайдаланудың ең жақсы тәжірибелерімен бөлісеміз.

Қаріп таңдау жай ғана эстетикалық таңдау ғана емес — ол сіздің сайтыңыздың шығу жылдамдығына және түрлендіру жылдамдығына айтарлықтай әсер етуі мүмкін, әсіресе оқуға қиын қаріпті таңдасаңыз. Сондықтан, сіз кездестірген бірінші қаріпті пайдаланбай, веб-сайтыңыз үшін тамаша Google қаріптер тобын таңдау үшін аз уақыт қажет.

Егер сізге көбірек қаріптер қажет болса, WordPress веб-сайтында қолдануға арналған 50+ заманауи қаріптер туралы мақаламызды қараңыз.

Неліктен Google қаріптерін пайдалану керек?

Интернетте мыңдаған қаріптер репозиторийлері бар, сондықтан Google қаріптерін соншалықты ерекше ететін не?

Google қаріптер каталогы.
Google қаріптер каталогы.

Біріншіден, бұл тегін! Сонымен қатар, Google қаріптерін Google қамтамасыз етеді және жеткізеді, яғни олардың қауіпсіз болуына кепілдік береді. Әрине, тегін қаріптерді жүктеп алуға болатын көптеген қауіпті веб-сайттар бар, бірақ бұл файлдармен тағы не алатыныңызды кім біледі?

Мұндай веб-сайттардағы қаріптердің сапасы кейде күмәнді болуы мүмкін.

Google мыңнан астам жоғары сапалы қаріптердің таңдауын жасады. Егер сіз типографияны жақсы білетін графикалық дизайнер болмасаңыз, бұл қауіпсіз таңдау.

Екіншіден, лицензиялық шектеулер жоқ. Google қаріптер каталогындағы барлық қаріптер ашық бастапқы болып табылады және коммерциялық жобаларда пайдалануға тегін. Оларды жүктеп алуға немесе сайтыңызға ендіруге болады, тіпті оларды басып шығару жобаларында пайдалануға болады.

Бірыңғай лицензия болмаса да, репозиторийдегі қаріптердің көпшілігі ашық қаріп лицензиясын пайдаланады.

Қаріп лицензиясын ашыңыз.
Қаріп лицензиясын ашыңыз.

Басқа «тегін қаріптер» сирек тегін және қателескен жағдайда сізді ыстық суға түсіруі мүмкін шатастыратын лицензиялық шектеулермен бірге келеді. Өкінішке орай, Google қаріптері бірдей жүкпен бірге келмейді.

Соңында, Google Fonts API арқылы веб-сайтыңызға Google қаріптерін қосу оңай. Немесе оларды жеке жүктеп алып, FTP/SFTP арқылы веб-серверіңізге жүктей аласыз.

Google қаріптері қарапайым және кейбір ақылы қаріптер сияқты жарқырамайтын болса да, ол негізгі операциялық жүйелерде алдын ала орнатылған веб-қауіпсіз қаріптерді, бәрі бұрын мыңдаған рет көрген қаріптерді жеңеді.

1052 түрлі Google қаріптері тегін қол жетімді… сіз әлі де көңіліңіз толмай ма? 🤯 Осы посттың көмегімен таңдауларыңызды қысқартыңыз👇Tweet түймесін басыңыз

Google қаріпінде не іздеу керек

Веб-сайтты жасау кезінде үйрену керек бір нәрсе болса, жобаңызға сәйкес Google қаріпін қалай таңдау керек. Жақсы типография сіздің сайтыңызды жасайды немесе бұзады.

Бұл маңызды емес егжей-тегжей сияқты көрінуі мүмкін, бірақ бұл біреудің сіздің сайттан ерте кетуі немесе адал оқырман немесе тұтынушы болу үшін айналасында тұру арасындағы айырмашылық болуы мүмкін.

Дұрыс қаріпті таңдау - графикалық дизайнерлер жылдар бойы меңгеруге жұмсайтын нәрсе, бірақ бірнеше принциптерді есте сақтай отырып, веб-сайтыңыз үшін әдемі қаріпті таңдауға болады.

  • Сіздің брендіңізге сәйкес келеді: Бұл ең маңызды аспект болуы мүмкін. Үздік веб-сайттарда оқуға болатын және ағымдағы дизайнға сәйкес келетін олардың тұлғасын көрсететін қаріп бар. Мысалы, Apple және Iron Maiden әртүрлі қаріптерді пайдаланады, бірақ екеуі де өз брендіне сәйкес келеді.
  • Оқу қабілеті: Екінші маңызды принцип - оқылу. Қиял-ғажайып шрифт сіздің брендіңізге сәйкес келуі мүмкін, бірақ келушілер оны оқи алмаса, олар тез кетеді. Сондықтан сіздің қаріптеріңіз кәсіби және түсінікті болуы керек.
  • Қаріптердің классификациясы: Қаріпті жіктеудің жүздеген әдістері болса да, бұл бес негізгі түрі: сериф, сан-сериф, сценарий, монокеңістік және сәндік. Сценарий немесе серифтік шрифт талғампаздықты береді, ал монокеңістіктік қаріптер техникалық сайттарда танымал. Бұл жіктеулерді білу сізге іздеуде жақсы бастау береді.
  • Дисплей немесе негізгі шрифт: Дисплей қаріптері үлкен өлшемдерге, тақырыптарға немесе басып шығару жобаларына арналған. Бірегей дизайн үшін олар аз оқылатын болуы мүмкін. Негізгі қаріптердің негізгі директивасы оқуға қабілеттілік болып табылады, өйткені олар сіздің сайтыңыздың негізгі бөлігін құрайды.
  • Көңіл-күй мен ниет: Кез келген көркем шығарма сияқты, суретшілер белгілі бір көңіл-күй мен параметрлерге арналған қаріптерді әзірлейді. Қаріптердің көпшілігі олардың қалай жасалғаны және оларды қалай пайдалануға болатыны туралы ескертпелермен бірге келеді. Қаріптің жобаңызға сәйкес келетінін анықтау үшін оларды пайдаланыңыз.

10 жылғы 2021 үздік Google қаріптері (Халықтың даналығы бойынша)

Сонымен, ең жақсы Google қаріптерінің тізімін қалай жасауға болады, егер мұның көпшілігі субъективті болса? Біз бұл тізімнің біржақты болуын қаламаймыз, сондықтан біз ең танымал Google қаріптерінің тізімін жасау үшін деректермен бірге барамыз.

Көпшіліктің даналығына сену үшін Google қаріптер аналитикасын қолданамыз. Қаріптердің жалпы көрінісі 50 триллионнан астам Google-да аз ғана деректер бар.

Содан кейін біз шикі танымалдық сандарынан сәл асып кетеміз және танымал бола бастаған бірнеше болашақ HTML қаріптерін таңдаймыз.

Дайынсыз ба? Суға батырайық!

1. Roboto

Робото.
Робото.

Ұзақ уақытқа созылған №1 орын және Behmasterтаңдаған қаріпі, Roboto — Google Android жүйесіне арналған жүйелік қаріп ретінде әзірлеген Кристиан Робертсон ұсынған sans-serif ұсынысы. Ол қазір жаппай танымал, 12 түрлі стильде келеді және Google Fonts аналитикасында бірнеше рет көрсетіледі.

Мысалы, Roboto - ең танымал шрифт. Бірақ Roboto Condensed сонымен қатар алтыншы ең танымал қаріп болып табылады және Roboto Slab сонымен қатар 12-ші нөмірде пайда болады!

2. Ашық Sans

Sans ашыңыз.
Sans ашыңыз.

Open Sans Condensed – Google тапсырысы бойынша жасалған және оның алдындағы Droid Sans шабыттандырған өте оқылатын қаріп. Google кейбір веб-сайттарында, баспа және веб-жарнамаларында Open Sans пайдаланады. Open Sans Condensed, оның әпкесі қаріпі де Google қаріптеріндегі ең танымал он үшінші орынға ие.

3. Lato

Лато.
Лато.

Лато - Лукаш Дзиеджичтің тағы бір танымал таңдауы. Оның дизайнының астарында бір-біріне қарама-қайшы мақсаттарды теңестіретін, нәтижесінде бірегей, жеңіл sans-serif қаріпі бар.

4. Монтсеррат

Монстрсеррат.
Монстрсеррат.

Монтсеррат - Буэнос-Айрестің Монсеррат аттас ауданында тұратын Джульета Улановскийдің санс-серифтік шрифті. Жеңілден ауырға дейінгі 18 түрлі стильде сізде өте көп таңдау бар.

5. Освальд

Освальд.
Освальд.

Освальд - бастапқыда Вернон Адамс жасаған sans-serif қаріпі. Ол айқын балама готикалық стильді ескере отырып жасалған, оның батыл штрихтары айқын көрінді.

6. Pro жоқ көзі

Source Sans Pro.
Source Sans Pro.

Source Sans Pro — Adobe және Adobe компаниясының алғашқы ашық бастапқы қаріпі үшін жасалған sans-serif қаріпі. Пол Хант жасаған оның жеңіл әріптері оны таза және түсінікті етеді.

7. Slabo 27px/13px

Слабо.
Слабо.

Slabo - Tiro Typeworks компаниясының Джон Хадсон әзірлеген серифтік шрифт. Бұл шрифт сіздің қажеттіліктеріңізге байланысты белгілі бір өлшемдер үшін арнайы жасалған - 27px немесе 13px.

8. Raleway

Raleway
Raleway

18 түрлі стилі бар Raleway - бұл Мэтт МакИнерни жасаған тағы бір үлкен отбасылық sans-serif қаріпі. Егер сізге Raleway ұнаса және бірегей нәрсе іздесеңіз, Raleway Dots үлкен тақырыптар үшін жұмыс істей алатын нүктелі тәсілмен ұқсас сәндеуді ұсынады.

9. PT жоқ

PT Sans.
PT Sans.

PT Sans Ресей Федерациясының Қоғамдық типтері үшін әзірленген және латын және кириллица таңбаларын қамтиды. Сондай-ақ PT отбасында бірнеше басқа қаріптер бар, соның ішінде кейбір сериф опциялары.

10. Мерривезер

Мерриуэзер.
Мерриуэзер.

Merriweather есімі жағымды дизайн идеясын тудырады және оның дизайнерлері дәл осылай ойлаған. Онша танымал болмаса да, Merriweather Sans - онымен өте жақсы үйлесетін қарындас жобасы.

Бонус қаріптері + Жаңадан келгендер

Сандар бойынша жоғарыдағы он шрифт ең танымал Google қаріптері болып табылады. Бірақ тек ең танымал опцияларды көрсету аналитикада көрсетілу мүмкіндігін алмаған келешек қаріптерге зиянын тигізеді.

Міне, аналитиканың жоғарғы жағында көрінбеген кейбір таңдаулыларымыз.

11. Noto Sans / Serif

Noto Sans / Serif.
Noto Sans / Serif.

Noto — Google тапсырыс берген қаріп, ол serif және sans-serif нұсқаларында келеді. Ол тұрақты жаңартуларды алуда және қазір 100-ден астам Noto қаріптері бар, олардың көбісі үнемі келеді!

Нотоның мақсаты - әр түрлі тілдердегі барлық алфавиттер мен таңбаларды қамту, ал оның дизайны жүздеген әртүрлі қаріптер отбасыларында үйлесімді. Бұл туындыларға танымал Noto Sans KR және Noto Sans JP кіреді.

12. Нунито Санс

Нунито Санс.
Нунито Санс.

Nunito Sans - танымалдығы тез өсіп келе жатқан sans-serif нұсқасы. Оны пайдалану 2018 және 2019 жылдар арасында үш есе өсті және ол жыл сайын танымал бола бастады.

13. Бірінші концерт

Бірінші концерт.
Бірінші концерт.

Concert One — тақырыптар үшін тамаша опцияны жасайтын дөңгелек гротеск қаріпі. Оның дәстүрлі емес дизайны көзді тартады.

14. Шақыру

Шақыру.
Шақыру.

Prompt - Тайландтық Cadson Demak коммуникациялық дизайн фирмасының ұсынымсыз ұсынысы. Ол ілмексіз (санс-серифтің тай баламасы) және тай және латын таңбаларын қамтиды.

15. Жұмыс Санс

Жұмыс Санс.
Жұмыс Санс.

Work Sans — экрандарда пайдалану үшін оңтайландырылған sans-serif қаріпі. Дизайнерлер 14px-48px аралығындағы кез келген нәрсе үшін орта салмақтағы стильдерді пайдалануды ұсынады.

WordPress веб-сайтыңыз үшін жылдам, сенімді және толық қауіпсіз хостинг қажет пе? Behmaster осының барлығын және WordPress сарапшыларынан 24/7 әлемдік деңгейдегі қолдауды қамтамасыз етеді. Біздің жоспарларымызды тексеріңіз

Ең жақсы Google қаріптер комбинациясын қалай жасауға болады

Егер сіз Google қаріптерінен бір қаріпті таңдау қиын болды деп ойласаңыз, оларды сайтыңызда жұптастыруға тырысқанша күтіңіз! Бақытымызға орай, бұл сіз шешуге тура келетін мәселе емес (егер сіз қаламасаңыз). Сіз Google қаріптерінің ең жақсы комбинацияларын табудың бірнеше әдісін пайдалана аласыз.

Біріншіден, егер сіз бетті төмен айналдырсаңыз, Google қаріптер веб-сайтының өзі танымал жұптауларды ұсынады:

Танымал Google қаріптер жұптарын табу.
Танымал Google қаріптер жұптарын табу.

Бұдан басқа, қосымша ұсыныстар алу үшін қаріптер жұбы сияқты сайтты пайдалануға болады.

WordPress жүйесінде Google қаріптерін пайдаланудың ең жақсы тәжірибелері

Жобаңыз үшін тамаша қаріптерді тапқаннан кейін, мұнда WordPress жүйесінде Google қаріптерін пайдаланудың ең жақсы тәжірибелері берілген.

Пайдаланылатын қаріп салмағының санын шектеңіз

Осы қаріптердің кейбірі, мысалы, Монтсеррат және Ралвей - 18 түрлі қаріп салмағымен келеді. Бұл сізге опцияларды ұсыну үшін жақсы болғанымен, WordPress сайтыңызға барлық 18 салмақты жүктегіңіз келмейді, себебі бұл жүктеу уақытын баяулатады.

Бұл нұсқаулықты орындау өте маңызды!

Көптеген қаріптер үшін ең көп дегенде үш салмақты пайдалану жақсы ереже болып табылады:

  • жүйелі
  • Шекті
  • батыл

Қазіргі уақытта біз көріп отырған көптеген WordPress сайттары курсивті өткізіп жіберіп, екі түрлі шрифт салмағымен жұмыс істейді.

Егер сіз Google қаріптерін өзіңіз ендіріп жатсаңыз, нақты қай салмақты қосу керектігін таңдай аласыз. Алдымен қаріп бетіне кіріп, содан кейін басыңыз Осы стильді таңдаңыз қалағандардың қасында.

Google қаріптерінде қаріпті таңдау.
Google қаріптерінде қаріпті таңдау.

Бүгінгі WordPress тақырыптарының көпшілігінде сіз пайдаланғыңыз келетін Google қаріптері мен салмақтарын таңдаудың оңай жолдары бар. Бірақ барлық тақырып әзірлеушілер өнімділікке назар аудармайды. Сондықтан кейбір жағдайларда тақырыпта Google қаріптерін өшіріп, оларды өзіңіз қосқан дұрыс.

Айнымалы қаріптер де танымал бола бастады және оларды барлық заманауи браузерлер қолдайды. Бұл керемет, себебі ол бір шрифт файлын әртүрлі сипаттармен түрлендіруге мүмкіндік береді. Google қаріптерінде таңдауға болатын көптеген айнымалы қаріптер бар және сіз іздеуді арнайы соларға дейін қысқартуға болады.

«Орнату

Google қаріптерін жергілікті орналастыруды қарастырыңыз

Google серверінен қаріптерді ұсынуға балама ретінде өнімділік артықшылықтарын ұсына отырып, қаріптерді жергілікті орналастыруға болады. Дегенмен, Google қаріптерінің көпшілігі адамдардың браузерлерінде кэштелген болуы мүмкін екенін есте сақтаңыз. Сондықтан өнімділік сынақтарын жасауды ұсынамыз.

Google қаріптерінен басқа премиум қаріпті пайдалансаңыз, мысалы, біз пайдаланатын "Brandon" қаріпі Behmaster сайт, оларды жергілікті түрде орналастыру (және CDN-ден оларға қызмет көрсету) ең жақсы жол болып табылады. Осы тақырып бойынша қосымша ақпарат алу үшін қаріптерді жергілікті жерде қалай орналастыру керектігі туралы жазбаларымызды қараңыз.

Жаңартулар алатын қаріпті таңдаңыз

Қаріптер WordPress плагиндері мен тақырыптары сияқты - уақыт өте келе олар жаңартулар мен жақсартуларды алады, оларды одан да жақсырақ етеді. WordPress плагиндері сияқты қауіпті болмаса да, тұрақты жаңартуларды алатын қаріпті таңдау пайдалы болуы мүмкін. Мысалы, Google ұсынған Noto отбасы 2014 жылдан бері тұрақты жаңартуларды алып отырады.

Бұл тізімдегі қаріптердің көпшілігі танымал болғандықтан, бұл тізімдегі кез келген қаріп тұрақты жаңартулар мен жақсартуларды алатыны жақсы болуы мүмкін. Ал егер сіз тізімнен шығуды шешсеңіз, таңдаған қаріптің қайсысы назар аудару үшін жеткілікті танымал екеніне көз жеткізу ешқашан жаман идея емес.

Қол жетімділік туралы ұмытпаңыз

Дүниежүзілік денсаулық сақтау ұйымының мәліметі бойынша, 2015 жылы жиналған мәліметтерге сәйкес, шамамен 253 миллион адам көру қабілетінің бұзылуымен өмір сүреді: 36 миллионы соқырлар, 217 миллионы орташа және ауыр дәрежедегі көру қабілетінің бұзылуымен ауырады. Сонымен қатар, 2.2 жылға қарай мүгедектігі бар адамдардың саны 2021 миллиардқа дейін өсті.

Google қаріптерін пайдаланған кезде оның түсі мен өлшемі сияқты CSS көмегімен қалай көрінетінін басқара аласыз. Сондықтан веб-мазмұнға қол жетімділік нұсқауларын (WCAG) 2.0 орындауды ұмытпаңыз. Бұл сіздің мазмұныңыздың барлығына оңай қол жетімді болуын қамтамасыз етеді.

Осы нұсқауларды орындау соқыр және нашар көруді, кереңдік пен есту қабілетін жоғалтуды, оқудағы ақауларды, когнитивті шектеулерді, қозғалыстың шектелуін, сөйлеу қабілетін, фотосезімталдықты және олардың комбинацияларын қоса алғанда, мүмкіндігі шектеулі адамдардың кең ауқымы үшін мазмұнды қолжетімді етеді. – Веб-мазмұнға қол жетімділік жөніндегі нұсқаулық (WCAG) 2.0

Бір маңызды нұсқау - түс контрасты. Біздің қаріп ескі дизайнда сәл жеңіл болды Behmaster веб-сайты және келушілер өздерінің алаңдаушылығын білдірді, себебі бұл оқуды қиындатты. Ең соңғы істегіңіз келетін нәрсе - таңғажайып мазмұнды жариялау, тек ол адамдардың көзіне түсу үшін!

Қаріп түстерінің ресми ұсыныстарға сәйкес келетінін көру үшін WebAIM ұсынған Түс контрастын тексеру құралы сияқты құралды пайдалануға болады. Мысалы, біздің блог жазбаларындағы түстер қазір сынақтан өткенін көруге болады. 👍

Түс контрастын тексеру құралы.
Түс контрастын тексеру құралы. 

Google қаріптерін WordPress-ке қалай қосуға болады

Бір немесе екі шрифт таңдалған кезде, соңғы қадам оны веб-сайтыңызға қосу болып табылады. Google қаріптерінің арқасында бұл тапсырма әдеттегіден оңайырақ.

Сіз өзіңіздің веб-сайтыңызға қаріп алғыңыз келеді делік. Бұл жағдайда сізде үш опция бар: Easy Google Fonts немесе Google Fonts Typography сияқты плагинді орнату, қаріпті сайтыңызға жүктеп салу үшін Google Fonts API пайдалану немесе оны қолмен жүктеп алып, веб-сайтыңызға орналастыру.

Егер сізге WordPress-те қаріптерді қалай өзгерту керектігін білу қажет болса, біз сізге көмектесу үшін егжей-тегжейлі нұсқаулықты дайындадық.

Қаріп таңдау жай ғана эстетикалық таңдау ғана емес — ол сіздің сайтыңыздың шығу жылдамдығына және конверсия жылдамдығына айтарлықтай әсер етуі мүмкін 😲 Осы жерден бастаңыз ⬇️Tweet түймесін басыңыз

қысқаша мазмұндама

Google қаріптері керемет және оны миллиондаған веб-сайттар пайдаланады. Олар қатты типография және иконография принциптері арқылы вебті жағымды, ашық, жылдам және қолжетімді етеді.

Келушілер үшін жақсырақ жалпы тәжірибені қамтамасыз ету үшін қаріп салмағын шектеу, қаріптерді жергілікті орналастыру (қажет болса) және қол жетімділік нұсқауларын сақтау сияқты ең жақсы қаріп тәжірибелерін орындауды ұсынамыз.

Енді сізге кезек береміз — Google қаріптеріндегі сүйікті қаріптеріңіз бен қаріптер жұптары қандай? Төменде түсініктемелерде бізге хабарлаңыз және WordPress қаріптері туралы терең нұсқаулықты оқуды ұмытпаңыз!

Қатысты Мақалалар

пікір қалдыру

Сіздің электрондық пошта мекенжайы емес жарияланады.

Басына оралу