10 Zəhmli Google Font birləşməsi, 2020-ci ildə yayımlanır

Google Fonts-dan bir-birinə yaxşı qoşulan və veb saytınızda necə quraşdırılacağını seçilən moda şriftlərin siyahısı.

Ən yaxşı Google Şrift birləşmələri

İnternet saytı mətbəəsi, bu günküdən daha çox təsəvvür edən bir dizayn təcrübəsi idi. Xüsusi şriftlərlə bir veb səhifəni bəzəmək mürəkkəb prosesi dönüşümlü və şrift fayllarını istifadəçinin serverinə yerləşdirilməsini tələb etdi və mövcud şriftlərin seçimi istifadəçinin öz kolleksiyası və ya standart sistem şriftlərindən kənarda mətbəə biliyi ilə məhdudlaşdı. Nəticədə, əksər veb saytlar məzmun formatında bir-birindən çox istifadə olunan və dünyagörüşünə güvənən bir-birinə bənzər bir şəkildə göründü veb təhlükəsiz şriftlər.

Hamısı 2010-cu ildə sərbəst buraxılması ilə dəyişdi Google Şriftləri, saytlarda xüsusi şriftlərin daha asan həyata keçirilməsinə imkan verən açıq mənbə layihəsi. Bu şriftləri öz veb saytınıza quraşdırmaq şanslıdır ki, sürətli və asan bir prosesdir, amma bilməlisiniz ki, Google kitabxanasındakı hər bir şrift birləşməsi mətbəə uğuru üçün bir resept deyil. Doğru şifrə cütləşməsi və istifadə mülahizələri ilə, onlayn markanız bahalı xüsusi şriftlərə ehtiyac olmadan peşəkarlıq, gözəllik və oxucu dostluğunu aşa bilər. Bu yazıda bütün bunları necə həyata keçirəcəyinizi sizə göstərəcəyəm.

10 Trend Google Font birləşmələrinin siyahısı

Gəlin buna nail olaq! Heç bir qaydada, hazırda ən yaxşı 10 Google Font birləşməsini təqdim edirik:

1. Açıq Sans Kondensasiya + Açıq Sans

Google Şrift birləşməsini trend etmək - Açıq Sans Qatılaşdırılmış və Açıq Sans

Təxminən hər hansı bir tətbiq üçün möcüzə yaradan asan birləşmə. Açıq Sans Google Şriftlər toplusundakı ən çox yönlü şriftlərdən biridir. Böyük mətn bloklarında oxumaq olduqca asandır, hələ başlıqlara kifayət qədər diqqət çəkir.

Sadə. Mürəkkəbdir. Tanış. Səhv edə bilməzsən!

Real-dünya istifadəsi

Hər hansı bir ssenarini görə bilmərəm Açıq Sans yoxsul bir seçim olardı. Xüsusi olaraq bir serif şrift axtarmasanız, düşünürəm ki, bu, hər hansı bir işə, bloga, açılış səhifəsinə və ya veb tətbiqinə ən yaxşı şəkildə xidmət edəcəkdir.

2. Oswald + EB Garamond

Google Fonts birləşməsi trendində - Esw Garamond ilə Oswald

Oswald şriftin ağırlığından və ya başlıqların istifadəsindən asılı olmayaraq başlıqlar üçün əla bir şriftdir. Qatılaşdırılmış təbiəti diqqəti cəlb etməyə və pop qazanmağa kömək edir, eyni zamanda əsas vücudunuzun şrifti kimi xoş bir unikal mətn hazırlayır..

EB Garamond klassik Garamond şriftinin zərif bir yeniləməsidir. Görünüşdə dərhal tanınan və ebedi olan bu şrift mətbəəinizdə fərqli bir peşəkarlıq nümayiş etdirir.

Real-dünya istifadəsi

Bu cütləşmə, vəkillər, daşınmaz əmlak agentlikləri və ya hətta ən yüksək səviyyəli butiklər kimi yüksək səviyyəli müştəri ilə məşğul olan mütəxəssislər üçün yaxşı işləyir. Çox yönlüdür Oswald və klassik görünüşü EB Garamond Mükəmməl keyfiyyət məhsulunu vurğulamaq üçün vacib olan məhsulun böyük təsvirini hazırlayın.

3. Montserrat + Merriweather

Google Fonts birləşməsi trendində - Merriweather ilə Montserrat

Montserrat çox yönlü və sadəliyi ilə dizaynerlər arasında seviləndir və Merriweather ziddiyyətli üslubu və asan oxunuşu ilə möhtəşəm cütlər. Onları başlıq və ya paraqraf mətni kimi dəyişdirməkdən çekinmeyin – hər ikisi də əla işləyir!

Real-dünya istifadəsi

Bu xüsusi birləşmə müasir və klassik dizaynın gözəl bir tarazlığıdır. Beləliklə, onun müxtəlif istifadəsi bir çox biznes növünə dəstək ola bilər. Şəxsən mən bu şriftlərin hər hansı bir onlayn xəbər mənbəyi və ya nəşriyyat agentliyi üçün yaxşı olacağını hiss edirəm.

4. Roboto İncə + Roboto Daimi

Google Fonts birləşməsi trendində - Roboto Daimi ilə Roboto İncə

The Roboto font ailəsi şəxsi sevimlidir və Onlayn necə əldə edilsə də burada istifadə etdiyimiz biridir. Geniş şrift çəkilərinə görə çox yönlüdür, şriftin istifadə olunmasına heç bir məhdudiyyət yoxdur. Müasir və həndəsi, lakin bir növ dost və etibarlı qalan Roboto forma və funksiyanın heyrətamizidir.

Real-dünya istifadəsi

Burada başqa bir cütləşmə üçün pis bir istifadə tapmaq çətin olacaq. Hələ Roboto Təxminən bir şey üçün işləyir, düşünürəm ki, texnoloji başlanğıclar, müasir kiçik müəssisələr və ya gələcəyə baxan hər hansı bir marka növü üçün xüsusilə əladır.

5. Raleway + Roboto plitəsi

Google Fonts birləşmələrini trenddə - Roboto Slab ilə Raleway

Bizim dostumuzdur Roboto yenidən! Bu dəfə isə serif dəyişkənliyinə baxırıq, Roboto plitəsi. Bu, əmisi oğlu kimi çox yönlü, biraz daha üslubda klassikdir. Fərqli və cəsarətli ilə birləşdirildikdə Raleway, təmiz və nəfis mətbəə ilə inanılmaz bir matçımız var.

Real-dünya istifadəsi

Raleway incəliyi qışqıran o şriftlərdən biridir. Hərtərəfli başlıq olaraq istifadə edildikdə, zinət əşyaları, dizayner geyimləri və ya bənzər e-ticarət məhsulları kimi lüks əşyalar üçün gözəl işlədiyini düşünürəm. Roboto plitəsi sadə və əlçatan təsviri mətn ilə yaxşı dəstəkləyir.

Hər ikisi də bir-birini əvəzləyən şəkildə işləyirlər. Başlıqlarda və bədən mətnində hər iki şrift üçün fərqli çəki dəyişikliyini sınayın və hansı cütləşmənin markanızı ən yaxşı tutduğuna baxın.

6. Playfair Ekran + Mənbə Sans Pro

Google Fonts birləşməsi trendində - Source Sans Pro ilə Playfair Ekranı

Dizaynerinə görə, Playfair Ekranı 18-ci əsrin məktub formaları ilhamlardan poladdan hazırlanmış qələmlərə keçid zamanı ilhamlandı. Bu şriftin köhnə dünya cazibədarlığını, lakin müasir bir spin ilə yayması təəccüblü deyil.

Mənbə Sans Pro Gələcəkdə bir şeyin daha da irəliləməsinə təkan verir, hələ utanitar vəziyyətdə olarkən bəzədilmiş maraqlı bir birləşmə yaradır.

Real-dünya istifadəsi

Playfair Ekranı etiket xətti və ya məhsul təsviri kimi bir şeyə şəxsi toxunuş əlavə edir. Əmlak və ya pul nişanlarından istifadə etmək şansınız varsa, lüks və görünüşlər ətrafında mərkəzləşmiş bir məhsul və ya xidmət üçün niyə mükəmməl seçim olduğunu dərhal görəcəksiniz.. Mənbə Sans Pro mətni müasir və təmiz bir təqdimata əsaslandırır.

7. Fjalla One + Noto Sans

Google Fonts birləşməsi trendində - Noto Sans ilə Fjalla One

Fjalla One şriftlərin ən çox yönlü olmaması ola bilər, ancaq son dərəcə yaxşı bir şey diqqəti tələb edən başlıqlar yaratmaqdır. Kiçik və ya böyük, kiçik və ya kiçik hərflər, bu hərflər onlarla nə etməyinizdən asılı olmayaraq hipnotikdir.

Noto Sans dilindən asılı olmayaraq, dünyada istifadəçilər üçün formatlaşdırma səhvləri olmadan görünə biləcəyi həqiqətən universal bir şrift olmağı hədəfləyir. Müvafiq olaraq, şriftin estetikası da yararlılığı qədər eyni dərəcədədir.

Real-dünya istifadəsi

Bloglar və ya açılış səhifələri bu cütləşmə və ya məzmunu parçalamaq üçün nəzərə çarpan alt başlıqları tələb edən uzun mətn cəsədləri ilə bir şey üçün əla olardı. Noto Sans-ın universal uyğunlaşması beynəlxalq bir auditoriyaya çatmağın prioritet olduğu yerlərdə də yaxşı seçim edir.

8. Alegreya + Lato

Google Fonts birləşməsini tendensiya etmək - Lato ilə Alegreya

Alegreya mənim üçün çox “torpaq” və dostluq hiss edən müəyyən bir cazibə var. Onun şəxsiyyəti barədə heç bir bəhanə yoxdur; gördüyünüz şey əldə etdiyinizdir.

Lato verə bilər Açıq Sans Google kitabxanasında hərtərəfli məqsədli şriftlərin çempionu kimi öz pulu üçün.

Birlikdə əyləncəli, asan oxumaq və praqmatik bir birləşmə üçün edirlər.

9. PT Sans Dar + PT Sans

Google Fonts birləşməsi trendində - PT Sans ilə PT Sans dar

Başqa bir müasir bir Köhnə Dünya üslubunu alır, PT Sans və qardaşları, PT Sans Dar, birlikdə qoşulduqda dərhal və qərarsız bir bəyanat verin.

Real-dünya istifadəsi

Ya yazı başlıq və ya bədən mətni kimi eyni dərəcədə işləyir; seçdiyiniz xüsusi cütləşmə sözlərinizin təbiətindən asılı olacaq – baxmayaraq ki, daha qısa partlamalarda PT Sans Dar seçiminə üstünlük verirəm.

“Müasir rəqəmsal rabitə üçün çox vacib bir vasitə” olaraq təyin edilmiş, bu şriftləri texnoloji başlanğıclar, proqram tətbiqləri və ya digər rəqəmsal müəssisələr üçün istifadə etmək üçün ən əlverişli görünür, lakin məhdud deyil..

10. Amatic SC + Josefin Sans

Google Fonts birləşməsi trendində - Josefin ilə Amatic SC

Tamam, bu, açıq-aydın bir tərəfdən daha çoxdur. Aydındır ki, bu birləşmə hər kəs üçün yaramır, lakin hər ikisinin şıltaq təbiəti Amatik SCJosefin Sans Ehtiyatlı olduğunuz müddətdə diqqət çəkməyinizə əmin olan bir şey yaradın!

Real-dünya istifadəsi

Əgər əyləncəli bir sənətkar, musiqiçi və ya əyləncəli olsanız, bu şrift sizin bənzərsiz şəxsiyyətinizi ələ keçirmək üçün vacib ola bilər. Üstün tondan və mövzudan asılı olaraq, bu birləşmə həm də niş blog üçün də işləyə bilər.

Məsləhət sözü: istifadə etməyin Amatik SC əsas bədən mətni kimi. Oxucularını dəli edəcəksən.

Bonus: Ən Sevimli Premium Şriftlərimizdən 5-i

Bu məqalənin Google şriftlərinə baxan ən yaxşısı olduğunu bilirik, eyni zamanda bir neçə bəyəndiyimiz mükafat şriftini bir bonus olaraq qeyd etmək istədik. Mükəmməl şriftlər, əlbəttə ki, pulsuz deyil – ancaq veb saytınıza daha unikal və xüsusi dizayn verirlər. Bu şriftlər populyar deyil və ya uzanan deyil və həqiqətən yuxarıda sadaladıqlarımızdan tam əksidir. Bununla birlikdə, bunlar markası üçün xüsusi və xüsusi bir dizayn istəyən və Logolar və ya hətta yaradıcı başlıqlar üçün istifadə edildikdə yaxşı gedənlər üçün əladır:

Bonus 1: Mega Craft Bundle X

Bonus 2: Sevgililər Bundle

Bonus 3: Sərin Şrift Bundle

Bonus 4: Kiçik Qrafik Bundle

Bonus 5: Qısqanc

SİZİN TİP: Premium şriftlər dizaynerlərə ebedi olmayan bir dizayn əldə etmək şansı təqdim edir və loqotiplər və marka şəxsiyyəti üçün çox tövsiyə olunur.

Niyə Google Şriftlərindən istifadə etməlisiniz?

Bir çox veb dizaynerin ən yaxşı dostu hesab etdiklərinə xoş gəldiniz. Təcrübədən danışaraq sizə deyə bilərəm ki, nadir hallarda artıq xüsusi şriftli faylları veb saytlara yapışdırıram. Google Fonts, demək olar ki, veb saytın tipografiyasına müraciət etdiyim ilk və son yerdir. Budur niyə:

  • Bu tamamilə pulsuz. Nə qədər şrift seçdiyiniz və ya onlardan istifadə etdiyiniz saytların nə qədər əhəmiyyəti yoxdur. Heç bir qəpik də ödəməzsən.
  • 2018-ci ilin Mart ayına kimi var 850-dən çox şrift kitabxanada. Markanıza uyğun üslub tapa biləcəyiniz şansınız var.
  • Bu sürətli. Şriftlər Google-ın serverlərində yerləşdiyinə görə, fayllar ağıllı şəkildə sıxılır və tez yüklənə bilər.
  • Bu asan. Sadə bir kopyalayın və HTML sənədinə yapışdırın və tamamlandınız.
  • Bu mütəşəkkil. Bütün şriftlər bir verilənlər bazası daxilində kateqoriyalara bölünür və axtarılır. Mükəmməl şrift tapmaq üçün kompüterinizdəki çirkli alt qovluqlarla dolama.
  • Mən qeyd etdim sərbəst? Pulsuzdur!

Google şriftlərini necə quraşdırmaq olar

Burada baş ağrısı tələb olunmur. Yalnız getmək Google Şriftləri və sizə lazım olan şrift (lər) i tapın.

Şriftlərinizi seçdiyiniz zaman məcmu olaraq səhifənin altındakı bir kolleksiyaya əlavə olunur. Axtarışınızı bitirdikdən sonra, alt nişanı vurun və quraşdırılmış təlimatları olan bir pəncərə açılacaq.

Üslub əlavə olunur

Buradan kursiv, qalın, qalın-itili və sair kimi əlavə üslubu seçməyi seçə bilərsiniz. Yalnız vurun ÖZƏLLƏŞDİRMƏK nişanı seçin və ehtiyac duyduğunuz üslubları seçin.

Məsələn, burada ikisini də necə seçəcəyim müntəzəmcəsur şrift üçün mətn Xula.

Google Şriftlərdə şrift üslubu əlavə olunur

Standart və ya @ İdxal et?

Veb saytınızdakı şriftləri yerləşdirməyin iki variantının olduğunu görəcəksiniz: standart istifadə saytınızda istifadə etmək HTML faylı və ya a @import url saytınıza daxil olmaq CSS fayl. Beləliklə hansını istifadə etməlisiniz?

Ümumiyyətlə ən yaxşı seçim kopyalama və yapışdırmaqdır HTML faylı daxil edin. Şriftləriniz CSS faylının yüklənməsini gözləməkdənsə, adətən bu şəkildə daha sürətli yüklənəcəkdir və bu metod da (çox) köhnə brauzerlər üçün bir az daha yaxşı dəstəyə malikdir..

Kodun hara qoyulması

Google’un verdiyi kod xəttini kopyalayıb yapışdıracaqsınız HTML sənədinizin bölməsi. Yuxarıda seçdiyim Khula şriftindən istifadə edərək bu belə görünəcək:

SİZİN İSTİFADƏ: Ayrıca, şrift üslubunu verlilər ilə ayrılan url içərisinə yazaraq müəyyənləşdirə bilərsiniz. Məsələn: “https://fonts.googleapis.com/css?family=Khula:qalın, itiv, bolditalik

Stil Cədvəlinizdə Şriftdən istifadə

İndi sadəcə olaraq şriftə həmişəki kimi zəng edirsiniz CSS kodu. Nümayiş məqsədləri üçün əsas başlıq və paraqraf mətni bu kimi görünə bilər:

h1 {
şrift ailəsi: ‘Khula’, sans-serif;
şrift çəkisi: 700;
şrift ölçüsü: 48px;
}
p {
şrift ailəsi: ‘Khula’, sans-serif;
şrift çəkisi: 400;
şrift ölçüsü: 16px;
}

SİZİN İSTİFADƏ: Google Şriftiniz yüklənmədiyi nadir hallarda ‘serif’, ‘sans-serif’ və ya oxşar veb təhlükəsiz şrift daxil etdiyinizə əmin olun..

Şriftlərinizi cütləşdirmək barədə məsləhət

Hansı şriftləri bir-birinə qruplaşdırmaq qərarına gəlmək bəzən çətin bir bədii tarazlıq ola bilər. Bir tərəfdən, üslubda kifayət qədər bir kontrast olduqda yazı seçiminiz ən təsirli olacaq; saytınızdakı hər bir şrift digərlərindən fərqlənməlidir və istifadəsi üçün əsaslandırma qazanmalıdır. Digər tərəfdən, şriftlərinizin stilistik olaraq bir-birindən çox uzaqlaşmasını istəməzsiniz, bu da təsadüfi seçilmiş təəssürat yarada bilər..

SİZİN İSTİFADƏ: Müəyyən bir şriftin hansı duyğu və ya fikir yaratdığını düşünün. Eyni duyğu və ya fikri doğuran başqa bir şriftlə cütləşdirməyə çalışın. Bənzərsiz markanıza uyğun şriftlərin tapılması ilə bağlıdır. Bir şriftin markanıza bənzədiyini və ya qarışıq siqnallar verdiyini öyrənə bilərsiniz.

Serif və Sans-Serif

Çalışan və həqiqi bir üsul, serif şriftini sans-serif ilə birləşdirməkdir. Onların üslubları birlikdə yaxşı kontrast etməyə meyllidir və başlıqlar və paraqraflar arasında asan bir fərq təqdim edir.

Təcrübə açardır

Yeni bir veb sayt üçün şriftlər seçərkən, bütün mümkün Google Font variantlarını kompüterimə yükləməyi və sözlə işləmə sənədində onlarla oynamağı xoşlayıram. Fərqli ölçülər və çəkilərlə vidalaşmaq və birləşmələri yan-yana müqayisə etmək mümkün olan ən yaxşı cütləşməni təyin etmək üçün təsirli bir yoldur. Təcrübəyə vaxt ayıraraq, bir istifadə etdiyini də öyrənə bilərsiniz incə bir şriftin dəyişməsi tamamilə ayrı bir şrift istifadə etməyinizdən daha yaxşı başlıq mətni üçün daha yaxşı hala gətirir. (Ən sadə həll tez-tez ən yaxşısıdır.)

Nəticə

Google Şriftlər veb saytlarında bahalı xüsusi şriftlər üçün ödəməyi istəməyən DIYers üçün güclü bir mənbədir. Ancaq böyük bir güc ilə böyük məsuliyyət tələb olunur: mətbəə, bunun yaxşı aparılması üçün diqqətli düşünməyi tələb edir və hər yazıda qalib olmur. Ümid edirik ki, bu təlimat sizi düzgün istiqamətə yönəltməyə kömək edir, markanın şəxsiyyətini ələ keçirmək üçün mükəmməl şrift birləşməsini tapmağı ilhamlandırır.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me