Web Siteleri İçin En İyi Google Font Eşleşmeleri (İşe Yarayan 6 Çift)

İyi bir font eşleşmesi, takım gibi çalışacak kadar farklı ama aynı havayı taşıyan bir başlık fontu ile bir metin fontudur. Güvenli bir başlangıç, tırnaklı (serif) bir başlıkla sade bir tırnaksız (sans-serif) metindir, örneğin Playfair Display + Source Sans 3. Aşağıda Google Fonts’tan altı çift var, her havaya bir tane, ve koda dokunmadan önce onları kendi sitende denemenin ücretsiz bir yolu.

İki fontu iyi bir çift yapan nedir

Bir grup düşün. Şarkıcı senin başlık fontun, arkasındaki müzisyenler ise paragraflarda kullanılan metin fontun. Herkes aynı anda bağırırsa kimse sözleri duymaz. İyi bir çiftte öne çıkan bir ses ve onu destekleyen bir ses vardır. Üç basit kural seni çoğu yere götürür:

• Çatışma değil, kontrast. Belli ki farklı iki font seç, örneğin bir serif (uçlarında küçük ayakları olan harfler, basılı bir kitaptaki gibi) ile bir sans-serif (ayaksız harfler). Neredeyse aynı iki font sadece hata gibi görünür.
• Tek bir hava. Oyuncu, yuvarlak bir fontun yanında katı, resmi bir font karışık sinyaller verir. Aynı odada rahat edecek fontlar seç.
• İki font, fazlası değil. Biri başlık, biri metin için. Çeşitliliği üçüncü bir fontla değil, boyut ve kalınlıkla (harflerin ne kadar ince ya da kalın olduğu) kat.

Klasik: Playfair Display + Source Sans 3

Playfair Display, keskin ve yüksek kontrastlı çizgileri olan, biraz gazete manşetini andıran bir serif. Source Sans 3 ise sakin, rahat okunan, kendini göstermeye çalışmayan bir sans-serif. Bloglar, dergiler, portfolyolar ve güven vermek isteyen her şey için iyi bir seçim.

Zarif: Cormorant Garamond + Montserrat

Cormorant Garamond, uzun ve narin çizgileri olan hafif, zarif bir serif. Montserrat ise ona modern bir zemin veren geniş, geometrik bir sans-serif. Moda, güzellik, düğün ve restoranları düşün. Bir ipucu: Cormorant küçükken incelir, bu yüzden onu büyük başlıklara sakla.

Modern: DM Serif Display + DM Sans

DM Serif Display, büyük manşetler için yapılmış tombul bir serif. DM Sans, benzer yumuşak havaya sahip sade ve sıcak bir sans-serif, yani ikisi iyi kaynaşır. Taze görünmek isteyen ama soğuk durmak istemeyen girişimler, ajanslar ve açılış sayfaları için iyi bir seçim.

Gösterişli: Oswald + Open Sans

Oswald uzun ve dar, bu yüzden bir satıra çok kelime sığar ve yine de bağırır. Open Sans geniş, açık ve çok rahat okunur, bu da dengeyi sağlar. Haber, spor, etkinlik ve başlığın dikkat çekmesi gereken her yerde işe yarar.

Teknik: Space Grotesk + Inter

Space Grotesk, “biz bir şeyler inşa ediyoruz” diyen biraz acayip, geometrik bir görünüme sahip. Inter ekranlar için tasarlandı ve küçük boyutta da okunaklı kalıyor, bu yüzden paragrafları o taşıyor. Yazılım, panolar ve geliştirici araçları için doğal bir uyum.

Samimi: Quicksand + Nunito

Quicksand ve Nunito’nun ikisinin de uçları yumuşakça yuvarlak, bu yüzden birbirine aitmiş gibi duruyorlar. Sonuç sıcak ve yaklaşılabilir. Eğitim, çocuklar, uygulamalar, yemek ve topluluk siteleri için iyi bir seçim.

Bir eşleşmeyi kendi web sitende nasıl denersin

Bir çift hakkında okumak, onu kendi sayfalarında, kendi kelimelerinle görmekle aynı şey değil. FontMee ücretsiz bir Chrome eklentisi, yani tarayıcıya yeni bir özellik kazandıran küçük bir ek, ve fontları gerçek bir sitede, yalnızca kendi ekranında denemene izin veriyor. Hatta eşleşmeler de içinde hazır: yukarıdaki altısı dahil, elle seçilmiş 32 başlık ve metin çifti. Video paneli iş başında gösteriyor.

1. FontMee’yi kur. Chrome Web Mağazası’ndan ekle. Ücretsiz ve hesap istemez. Chrome’daki yap-boz simgesine tıkla ve eklentiyi sabitle, böylece hep tek tık uzağında olur.
2. Sitene git ve FontMee simgesine tıkla. Panel sayfanın yanında açılır. Alt + Shift + F tuşlarına da basabilirsin. Chrome’un kendi sayfaları (Yeni Sekme, Web Mağazası, chrome:// sayfaları) değiştirilemez.
3. Font eşleşmeleri düğmesine tıkla. Her biri gerçek fontlarıyla gösterilen, Klasik, Gösterişli ya da Teknik gibi bir hava etiketi taşıyan çiftlerin bir listesini görürsün.
4. Bu çifti kullan düğmesine bas. Başlık fontu ve metin fontu sayfada anında değişir. Zaten bir font seçtiysen FontMee önce onun için ortaklar önerir, için ve fontun adı altında.
5. Karşılaştır ve ayarla. Orijinal font ile FontMee önizlemesi arasında geçiş yap (ya da Alt + Shift + O tuşlarına bas) ve boyut, kalınlık, satır yüksekliği ve harf aralığı için Ayarla’yı kullan. İki üç çift dene, çünkü örnek kartta kazanan çift her zaman senin sayfanda kazanmaz. Sitede tut seçimini her ziyarette korur, Hepsini sıfırla sayfayı eski haline getirir.

Karar vermeden önce kontrol edilecek dört şey

• Kendi kelimelerini kullan. Kısa bir sloganda harika görünen bir çift, gerçek ürün adlarında ya da uzun bir paragrafta farklı görünebilir.
• Küçük metne bak, hem de telefonda. Paragraf metni başlıklardan çok daha fazla okunur, bu yüzden küçük boyutta da rahat olmalı.
• İhtiyacın olan harfleri kontrol et. ş, ğ, ı gibi harfler ve Kiril ya da Vietnam harfleri her fontta yok. FontMee’de yalnızca ihtiyacın olan harflere sahip fontları gösteren bir Yazı sistemi filtresi var.
• Lisansı kontrol et. Google Fonts açık kaynaklıdır ve ticari kullanım için ücretsizdir, ama diğer fontlar öyle olmayabilir.

Kendi web siten mi? O zaman bir çifti denemek işin yalnızca yarısı. Beğendiğin olunca CSS’i kopyala’ya bas ve kuralları sitenin stil dosyasına yapıştır, yani sitenin nasıl göründüğünü belirleyen dosyaya (WordPress’te Görünüm, Özelleştir, Ek CSS altında). FontMee her fontun lisansını da gösterir ve fontları kendin barındırman için bir ZIP indirebilir, böylece ziyaretçilerinin tarayıcıları fontları Google’dan değil senin kendi sunucundan yükler. Bir sitenin yaşayacağı bir eve de ihtiyacı var, kod yazmadan ev sahibi olmanın en hızlı yolu da bir site oluşturucudur.

Eklentiyi edin

FontMee ücretsiz; 1.900’den fazla font, 32 hazır eşleşme, CSS’i kopyala ve kendi fontlarını yükleme dahil. Hesap yok, abonelik yok. Chrome Web Mağazası’ndan ekle ya da önce FontMee sayfasını oku.

Başlamadan önce bilmekte fayda var

Sık Sorulan Sorular