Font Eşleştirici preview

Font Eşleştirici

Projeniz icin mukemmel font kombinasyonunu bulun. Font Eslestirici, populer Google Fontlardan uyumlu baslik ve govde fontu eslesmeleri kesfetmenize yardimci olur.

Öne çıkan özellikler

  • Popüler Google Fonts kombinasyonlarına göz atma
  • Başlık ve gövde metni ile canlı önizleme
  • Tek tıkla CSS kodu kopyalama
  • Önerilen profesyonel eşleşmeler

Guide

Font eşleştirme, bir tasarımda birlikte uyumlu çalışan iki veya daha fazla yazı tipi seçme uygulamasıdır. Amaç görsel uyumdur: başlıklar, gövde metni, alt yazılar ve arayüz öğeleri rastgele seçimler yerine aynı sistemin parçaları gibi görünmelidir. Kötü font eşleştirmesi sürtünme yaratır. İyi font eşleştirmesi görünmezdir. Okuyucular tipografiyi fark etmeden içeriği özümler ve asıl mesele de tam olarak budur. Bu kılavuz etkili font eşleştirmenin arkasındaki ilkeleri, kombinasyon bulmanın pratik yöntemlerini ve web uygulamasına yönelik teknik konuları ele almaktadır. Her yazı tipi görsel bir kişilik taşır. Futura gibi geometrik bir sans-serif modernizm ve hassasiyeti ifade eder. Garamond gibi hümanist bir serif gelenek ve zarafeti çağrıştırır. Rockwell gibi slab serif bir yazı tipi sağlam ve endüstriyel hissettirir. Pacifico gibi el yazısı tarzı bir script rahat ve eğlencelidir. Yazı tiplerini eşleştirdiğinizde bu kişilikleri birleştirirsiniz. Kombinasyonun projeniz için anlamlı olması gerekir. Başlıklarında Pacifico ve gövde metninde Comic Sans kullanan bir hukuk firması web sitesi, teknik uygulama ne kadar iyi olursa olsun yanlış bir sinyal verir. Her eşleştirme kararına, iletmek istediğiniz tonu tanımlayarak başlayın: profesyonel, samimi, otoriter, yaratıcı, minimal, lüks, teknik veya eğlenceli. En güvenilir eşleştirme stratejisi, uyumlulukla birlikte zıtlıktır. Görsel hiyerarşi yaratacak kadar farklı ama bir bütün gibi hissettirecek kadar ortak yapısal DNA'ya sahip yazı tipleri istersiniz. Aynı sınıflandırmadan iki yazı tipini eşleştirmek (örneğin iki geometrik sans-serif) genellikle yeterli zıtlık olmadığından düz bir sonuç üretir. Farklı sınıflandırmalardan yazı tiplerini eşleştirmek (serif bir başlık ile sans-serif bir gövde) doğal zıtlık yaratır. Önemli olan nokta doğru fark derecesini bulmaktır. Çok benzer olanlar gereksiz hissettirir. Çok farklı olanlar kaotik hissettirir. Yapısal uyumluluk, ortak oranlar ve x-yüksekliğinden (x-height) gelir. X-yüksekliği, x, a, e ve o gibi küçük harflerin büyük harflere göre yüksekliğidir. Benzer x-yüksekliğine sahip yazı tipleri, stilleri farklı olsa bile yan yana yerleştirildiklerinde dengeli görünür. Başlık yazı tipinizin x-yüksekliği uzun ancak gövde yazı tipinizin x-yüksekliği kısa ise, doğru punto büyüklüklerinde bile başlıklar ile paragraflar arasındaki boyut ilişkisi yanlış hissettirir. Bir eşleştirmeyi değerlendirirken her iki yazı tipini aynı boyutta ayarlayın ve küçük harflerini yan yana karşılaştırın. Inter ve Merriweather, farklı sınıflandırmalardan olmalarına rağmen benzer x-yüksekliklerine sahiptir ve bu da birlikte iyi eşleşmelerinin nedenlerinden biridir. Serif artı sans-serif, klasik eşleştirme formülüdür ve zıtlık doğal olarak içinde bulunduğu için işe yarar. Serifler (harf biçimlerinin uçlarındaki küçük çizgiler) ile bunların yokluğu arasındaki fark net bir görsel ayrım yaratır. Bu geniş kategori içinde pek çok seçeneğiniz vardır. Yüksek zıtlıklı geçiş serifleri (Playfair Display gibi) nötr bir sans-serif (Source Sans Pro gibi) ile eşleştiğinde zarif, editöryel bir görünüm yaratır. Sağlam bir slab serif (Roboto Slab gibi) sans-serif kardeşi (Roboto) ile eşleştiğinde modern, uyumlu bir sistem yaratır. Kaligrafik bir serif (Cormorant Garamond gibi) geometrik bir sans-serif (Montserrat gibi) ile eşleştiğinde moda, sanat ve yaşam tarzı bağlamlarında çok etkili olabilen organik ile mekanik biçimler arasında bir gerilim yaratır. Süper aile eşleştirmesi yeni başlayanlar için en güvenli yaklaşımdır. Süper aile, aynı iskelet yapıyı paylaşan hem serif hem de sans-serif sürümleriyle tasarlanmış bir yazı tipi ailesidir. Örnekler arasında Roboto ve Roboto Slab, Noto Sans ve Noto Serif, Source Sans Pro ve Source Serif Pro, PT Sans ve PT Serif, IBM Plex Sans ve IBM Plex Serif bulunur. Bu çiftler birlikte çalışması garanti edilir çünkü tek bir tasarımcı onları eş olarak yaratmıştır. Dezavantajı, süper aile çiftlerinin öngörülebilir hissettirebilmesidir. Birbiriyle ilişkisiz yazı tiplerini birleştirmenin getirdiği enerjiden yoksundurlar. Ağırlık (weight) zıtlığı, stil zıtlığı kadar önemlidir. Başlık yazı tipiniz bold veya black ağırlığında ayarlanmışsa, gövde yazı tipiniz genellikle regular veya book ağırlığında ayarlanmalıdır. Hem başlıklarda hem de gövde metninde bold kullanmak, okuyucuların içeriği taramasına yardımcı olan ağırlık hiyerarşisini ortadan kaldırır. Çoğu profesyonel yazı tipi, thin'den black'e kadar geniş bir ağırlık yelpazesi sunar. Her yazı tipinde birden fazla ağırlığa erişim, hiyerarşiyi yalnızca ağırlıkla yaratma esnekliği verir; bu da her şey için tek yazı tipi kullanmak istediğiniz minimal tasarımlarda kullanışlıdır. Tek aile eşleştirmesi, hiyerarşi yaratmak için ağırlık, boyut ve stil varyasyonlarına güvenerek her şey için tek bir yazı tipi kullanır. Bu yaklaşım, pek çok ağırlık ve genişliğe sahip büyük yazı tipi ailelerinde iyi çalışır. 36px'de Raleway Extra Bold bir başlık, 24px'de Raleway Semi Bold bir alt başlık ve 16px'de Raleway Regular gövde metni, tek bir aileden net bir hiyerarşi yaratır. Sonuç son derece uyumludur ancak görsel ilgiyi korumak için dikkatli boyut ve ağırlık seçimleri gerektirir. Bu yaklaşım için en az altı ağırlık varyasyonuna sahip yazı tipleri en uygun olanlardır. Inter, Thin (100) ile Black (900) arasındaki dokuz ağırlığı ile tek aile sistemleri için mükemmel bir adaydır. Display (vitrin) yazı tipleri büyük boyutlar için tasarlanmıştır: başlıklar, hero banner'lar, logolar ve alıntılar. Genellikle 48px'de harika görünen ama 14px'de okunmaz hale gelen dekoratif detaylara, aşırı ağırlık zıtlığına veya alışılmadık oranlara sahiptirler. Gövde metni yazı tipleri küçük boyutlarda sürekli okuma için optimize edilmiştir: düzgün vuruş genişlikleri, açık sayaçlar (o, e ve d gibi harflerin içindeki kapalı alanlar), bol aralıklar ve 14px ile 18px'de yüksek okunaklılık. Yaygın bir eşleştirme hatası, gövde metni için bir display yazı tipi kullanmaktır. Üç kelime okuduğunuz bir taslakta iyi görünür ancak gerçek bir paragrafta çöker. Gövde yazı tipinizi her zaman, yalnızca birkaç örnek kelimeyle değil, gerçek bir metin bloğu ile kullanmayı planladığınız en küçük boyutta test edin. Yazı tipi sınıflandırması yoluyla eşleşme bulmak, seçenekleri hızla daraltmaya yardımcı olur. Bir teknoloji veya girişim web sitesi için, geometrik sans-serif'lar (Montserrat, Poppins, DM Sans) vurgu için temiz bir serif veya monospace ile eşleştirildiğinde yenilikçilik ve netliği ifade eder. Bir lüks veya moda markası için, yüksek zıtlıklı serifler (Playfair Display, Cormorant) ince bir sans-serif (Lato Light, Raleway Thin) ile eşleştirildiğinde zarafeti ifade eder. Eğitim veya haber sitesi için, okunaklı hümanist serifler (Merriweather, Lora) nötr bir sans-serif (Open Sans, Roboto) ile eşleştirildiğinde güven ve otoriteyi ifade eder. Yaratıcı bir portfolyo için, ifadeli display yazı tipleri basit bir gövde yazı tipi ile eşleştirildiğinde işin metni erişilebilir tutarken kendini ifade etmesine olanak tanır. Satır uzunluğu ve font eşleştirmesi, tasarımcıların genellikle gözden kaçırdığı şekillerde etkileşir. Inter veya Open Sans gibi geniş, ferah bir sans-serif daha uzun satır uzunluklarında (satır başına 75 karaktere kadar) rahat okunur. Times New Roman gibi dar, kompakt bir serif aynı satır uzunluğunda yorucu hale gelir. Gövde yazı tipini seçtiğinizde, onu gerçek içerik genişliğinizde test edin. Düzeniniz geniş tek sütunlu metin kullanıyorsa, uzun okuma için tasarlanmış bir yazı tipi seçin. Düzeniniz dar sütunlar kullanıyorsa (çok sütunlu bir dergi düzeni gibi) daha kompakt yazı tipleri kullanabilirsiniz. Gövde metni için optimum satır uzunluğu 45 ila 75 karakterdir. Yazı tipi seçiminiz, gerçek satır uzunluğunuzda rahat olmalıdır. Google Fonts, en büyük ücretsiz web yazı tipi kitaplığını sağlar, ancak seçeneklerin çokluğu karar felcine yol açar. Pratik bir yaklaşım, kanıtlanmış işçi yazı tipleriyle başlamak ve oradan ilerlemektir. Sans-serif gövde metni için Inter, Open Sans, Roboto, Lato ve Source Sans Pro'nun tümü yüksek okunaklılık, birden fazla ağırlık ve geniş dil desteğine sahip mükemmel başlangıç noktalarıdır. Serif gövde metni için Merriweather, Source Serif Pro, Lora ve Noto Serif iyi çalışır. Display başlıklar için Playfair Display, Montserrat, Raleway, Poppins ve Oswald haklı olarak popülerdir. Kanıtlanmış bu seçeneklerle başlayıp sonra alternatifleri keşfetmek, mükemmel eşleşmeyi aramak için 1500'den fazla fontu taramaktan daha verimlidir. Değişken fontlar (variable fonts), web'de font eşleştirmesinin nasıl çalıştığını değiştirmektedir. Bir değişken font, tek bir dosyada geniş bir ağırlık, genişlik ve diğer eksen yelpazesi içerir. Regular, Semi Bold, Bold ve Extra Bold için ayrı dosyalar yüklemek yerine tek bir değişken font dosyası yükler ve CSS font-variation-settings veya standart font-weight özelliğini kullanarak 100 ile 900 arasındaki herhangi bir ağırlığa erişirsiniz. Bu, dosya boyutunu azaltır ve hassas kontrol sağlar. Inter, Roboto Flex ve Source Sans Variable örneklerdir. Bir değişken font kullandığınızda, tek bir HTTP isteğiyle tek bir dosyadan tüm bir tipografik sistem yaratabilirsiniz. Bazı değişken fontlar ayrıca genişlik ve optik boyut eksenleri içerir ve farklı boyutlar ve kapsayıcılar için fontu ince ayar yapmanıza olanak tanır. Performans, web için font seçiminde kritik bir faktördür. Her font dosyası sayfa yükleme süresine eklenir. Tipik bir font ağırlığı WOFF2 formatı için 20KB ile 50KB arasındadır. Her birinde dört ağırlık olan iki font yüklemek, 160KB ile 400KB toplam sekiz dosya anlamına gelir. Bu doğrudan Core Web Vitals'i, özellikle Largest Contentful Paint ve Cumulative Layout Shift'i etkiler. Kendinizi en fazla iki font ailesiyle sınırlayın. Yalnızca gerçekten kullandığınız ağırlıkları yükleyin. WOFF2 formatını (en sıkıştırılmış olanı) kullanın. Metnin hemen bir yedek fontta görüntülenmesi ve web fontu yüklendiğinde ona geçiş yapılması için @font-face kurallarınıza font-display: swap ekleyin. En önemli font dosyanızı <link rel="preload" as="font" type="font/woff2" crossorigin> kullanarak önceden yükleyin. Font alt kümeleme (subsetting), yalnızca ihtiyacınız olan karakterleri dahil ederek dosya boyutunu küçültür. Siteniz İngilizce ise Kiril, Yunan veya Vietnamca karakter kümelerine ihtiyacınız yoktur. Google Fonts bunu unicode-range bölümlendirmesi yoluyla otomatik olarak yapar, ancak fontları kendiniz barındırıyorsanız glyphhanger veya pyftsubset gibi araçlar özel alt kümeler oluşturmanıza olanak tanır. Tüm betikleri içeren bir fontun yalnızca Latin alt kümesi 80KB yerine 25KB olabilir. Çok dilli siteler için karakter alt kümelerini kademeli olarak yükleyin: Latin alt kümesi önce yüklenir (İngilizce ve çoğu Avrupa dilini kapsar) ve ek alt kümeler yalnızca algılanan dile göre gerektiğinde yüklenir. Font çiftlerinin CSS uygulaması öngörülebilir bir modeli izler. Fontlarınızı CSS özel özelliklerinde veya doğrudan stil sayfanızda tanımlayın. Başlık fontunu h1 ila h6 öğelerine, gövde fontunu body öğesine ayarlayın. Uygun yedek fontlarla bir font yığını kullanın. Örneğin sans-serif bir gövde için font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif veya serif bir gövde için font-family: 'Merriweather', Georgia, 'Times New Roman', serif. Yedek fontlar, web fontu yüklendiğinde yer değiştirmeyi en aza indirmek için web fontunuzla benzer ölçülere sahip olmalıdır. fontpie ve Capsize gibi araçlar, yedek font ölçülerini web fontunuzla eşleştirmenize yardımcı olur. Farklı tasarımcılardan gelen fontları birleştirirken aralık ayarlamaları genellikle gereklidir. Her font, eşleştirdiğiniz fontla uyumlu olmayabilecek yerleşik harf aralığı (tracking) ve satır yüksekliği (leading) içerir. Gövde metni genellikle rahat okuma için 1.5 ile 1.75 arasında satır yüksekliğine ihtiyaç gösterir. Başlıklar kısa oldukları için daha sıkı satır yüksekliği (1.1 ila 1.3) kullanabilir. Harf aralığı ayarlamaları daha incedir: büyük harf metni genellikle 0.05em ila 0.1em ek tracking'ten yararlanırken, büyük display metni bazen hafif negatif tracking (-0.01em ila -0.02em) ile daha iyi görünür. Bu aralık değerleri fonta özeldir: Montserrat için çalışan Poppins için çalışmayabilir. İtalik ve kalın (bold) varyantlar, eşleştirme değerlendirmenizin bir parçasıdır. Her fontun iyi tasarlanmış italik formları yoktur. Bazı Google Fonts yalnızca regular ve bold ağırlıkları sunar ve gerçek italik içermez. Bir tarayıcı italik stili olmayan bir fontta italik stiliyle karşılaştığında, kötü görünen sahte bir italik (eğik slant) uygular. Bir fonta bağlı olmadan önce, tasarımınızın gerektirdiği ağırlıklara ve stillere sahip olduğunu doğrulayın. Vurgu ve başlıkların sıkça italikleştirildiği içerik yoğun sitelerde gerçek italik olmayan bir gövde fontu bir anlaşma kesicidir. Bir font çiftini farklı bağlamlarda test etmek, bağlı kalmadan önce önemlidir. Her başlık seviyesinde (h1 ila h6), paragraf metninde, bold ve italikte, listelerde, alıntı bloklarında, gezinme menülerinde, düğmelerde, form etiketlerinde ve alt yazı ve alt bilgi metni gibi küçük puntolu metinlerde kontrol edin. Hem açık hem de koyu arka planlarda kontrol edin. Fontların masaüstünden farklı görüntülendiği mobil ekranlarda kontrol edin. Yalnızca bir font örneği önizlemesinde değil, kullanacağınız gerçek boyutlarda kontrol edin. 72px'te yan yana karşılaştırmada harika görünen bir eşleştirme, 14px gövde metninde başarısız olabilir. Font oluşturma işletim sistemlerine göre farklılık gösterir. macOS, fontları daha pürüzsüz ve hafifçe daha ağır gösteren alt piksel kenar yumuşatma (subpixel antialiasing) kullanır. Windows, keskinliği önceliklendiren ve ince fontları çok hafif gösterebilen ClearType kullanır. Linux oluşturma dağıtıma ve yapılandırmaya göre değişir. Bir Mac'te tasarlanan bir font eşleştirmesi Windows'ta farklı görünebilir. Her iki platformda da test edin. Orta vuruş genişliklerine ve tutarlı harf biçimlerine sahip fontlar, aşırı ince/kalın zıtlığına sahip fontlardan işletim sistemleri arasında daha tutarlı oluşturulma eğilimindedir. Kültürel ve dilsel değerlendirmeler, çok dilli siteler için font eşleştirmesini etkiler. Her Latin betiği fontu tüm dilleri desteklemez. Türkçe, noktalı ve noktasız i için özel glifler gerektirir. Vietnamca kapsamlı aksan işareti desteği gerektirir. Lehçe, Çekçe ve Rumence belirli aksanlı karakterler gerektirir. Siteniz birden fazla dilde hizmet veriyorsa, çiftinizdeki her iki fontun da gerekli tüm karakter kümelerini desteklediğini doğrulayın. CJK (Çince, Japonca, Korece) veya Arapça içerik barındıran siteler için, bu betikler için Latin fontlarınızla görsel olarak uyumlu olacak şekilde eşleştirilmiş ayrı font yığınına ihtiyacınız olacaktır. Noto Sans ve Noto Serif neredeyse her yazı sistemini kapsar ve global siteler için güvenli seçeneklerdir. Erişilebilirlik gereksinimleri font seçimlerini etkiler. WCAG belirli fontları zorunlu kılmaz, ancak okunaklılık erişilebilirliğin merkezindedir. Benzer karakterler (büyük I, küçük l ve 1 rakamı; büyük O ve 0 rakamı) arasında net ayrım yapan fontlar daha erişilebilirdir. Sans-serif fontlar genellikle disleksisi olan kullanıcılar için ekranda daha kolay okunur, ancak bu kişiden kişiye değişir. Yeterli font boyutu (web'de gövde metni için minimum 16px), yeterli satır yüksekliği ve metin ile arka plan arasında güçlü zıtlık, seçilen belirli yazı tipinden daha önemlidir. Font seçiminden bağımsız olarak gövde metnini asla 14px'in altına ayarlamayın. Monospace fontların font eşleştirmesinde belirli bir rolü vardır. Bunlar tipik olarak gövde metni veya başlıklar için kullanılmaz, ancak kod bloklarında, teknik belgelerde, veri tablolarında ve sabit genişlikli hizalamanın önemli olduğu arayüz öğelerinde görünürler. Oransal bir fontu monospace bir fontla eşleştirmek, boyut ve ağırlık eşleştirmesine dikkat gerektirir. Monospace karakterler aynı font boyutunda oransal karakterlerden doğal olarak daha geniştir, bu nedenle görsel dengeyi sağlamak için monospace font boyutunu genellikle yüzde 10 ila 15 azaltmanız gerekir. Kod için popüler monospace fontlar arasında JetBrains Mono, Fira Code, Source Code Pro ve IBM Plex Mono bulunur. Her birinin ailesinde doğal olarak eşleşen oransal bir kardeşi vardır. Tip ölçeği (type scale) oluşturmak, başlık ve gövde boyutları arasında matematiksel tutarlılık yaratır. Tip ölçeği, bir oranından türetilen font boyutları dizisidir. Major third (büyük üçlü) oranı (1.25) 16, 20, 25, 31.25, 39 ve 48.8 gibi boyutlar üretir. Perfect fourth (mükemmel dörtlü) oranı (1.333) 16, 21.3, 28.4, 37.9 ve 50.5 üretir. Daha küçük oranlar yoğun arayüzlere uygun daha sıkı hiyerarşiler üretir. Daha büyük oranlar editöryel ve pazarlama sayfalarına uygun dramatik hiyerarşiler üretir. Font eşleştirmeniz tüm tip ölçeğinizde çalışmalıdır. Başlık fontunuz 48px'te harika görünüyorsa ama 25px'te (major third ölçeğinde bir h3) tuhaf görünüyorsa farklı bir font veya farklı bir ölçek gerekir. Duyarlı tipografi (responsive typography), font boyutlarını görüntü alanı genişlikleri arasında ayarlar. CSS clamp() akışkan bir ölçek sağlar: font-size: clamp(1rem, 0.5rem + 2vw, 2.5rem) 16px ile 40px arasında pürüzsüzce ölçeklenen bir font boyutu yaratır. Font çiftiniz her iki uçta da çalışmalıdır. Masaüstünde 40px'te zarif görünen bir display fontu mobilde 20px'te sıkışık görünebilir. Eşleştirmenizi duyarlı ölçeğinizdeki en küçük ve en büyük boyutlarda test ederek tüm aralıkta tuttuğunu doğrulayın. Tipografi için tasarım belirteçleri (design tokens), font eşleştirme kararlarınızı yeniden kullanılabilir bir sisteme kodlar. Font ailesi (--font-heading, --font-body, --font-mono), font boyutları (--text-xs ile --text-4xl arası), font ağırlıkları (--weight-normal, --weight-medium, --weight-bold), satır yükseklikleri (--leading-tight, --leading-normal, --leading-relaxed) ve harf aralığı (--tracking-tight, --tracking-normal, --tracking-wide) için belirteçler tanımlayın. Bu belirteçler uygulamanızdaki her metin öğesi için yapı taşları haline gelir. Font eşleştirmesini değiştirmek, yüzlerce CSS bildirisini aramak yerine birkaç belirteç değerini güncellemek anlamına gelir. E-posta ve platformlar arası değerlendirmeler, web sitelerinin ötesindeki projeler için font eşleştirmesini etkiler. E-posta istemcilerinin sınırlı font desteği vardır: çoğu Arial, Times New Roman veya platform varsayılanı gibi sistem fontlarına varsayılan davranır. Web fontları epostalara gömülebilir ancak istemciler arasında destek büyük ölçüde değişir. Markanız web sitesinde özel web fontları kullanıyorsa, e-posta ve diğer kısıtlı bağlamlar için yaygın olarak bulunan sistem fontlarını kullanan bir yedek eşleştirme tanımlayın. Sistem font yığını (system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif) her platformun yerel fontunu oluşturur ve bu her zaman son derece okunaklıdır. Kaçınılması gereken yaygın eşleştirme hataları: tek bir sayfada üçten fazla font kullanmak (görsel gürültü yaratır), çok benzer fontlar seçmek (Helvetica ve Arial örneğin anlamlı bir zıtlık sağlamaz), küçük boyutlarda zayıf okunaklılığa sahip bir gövde fontu seçmek, font yükleme performansını görmezden gelmek, gövde metni için dekoratif veya script fontlar kullanmak, iki display fontu birlikte eşleştirmek ve cihazlar ile tarayıcılar arasında test yapmamak. Bu hataların her biri tasarım sırasında yapmak kolaydır ancak nihai üründe kullanıcılara bariz şekilde görünür. Font eşleştirme aracı, herhangi bir CSS yazmadan önce çiftlerin birlikte nasıl çalıştığını görmek için boyutları, ağırlıkları ve örnek metni ayarlayarak kombinasyonları gerçek zamanlı önizlemenize olanak tanır. Bir başlangıç noktası olarak kullanın: seçeneklerinizi iki veya üç adaya daraltın, ardından bu adayları gerçek düzeninizde gerçek içeriğinizle test edin. Gerçek bir düzende gerçek içerikle yapılan tipografi kararları, her zaman önizleme aracında lorem ipsum ile yapılan kararlardan daha iyi performans gösterir.

Sık sorulan sorular

Birlikte giden yazı tiplerini nasıl seçerim?

Dekoratif veya serif bir başlık yazı tipini temiz bir sans-serif gövde yazı tipiyle eşleştirin. Önerilen eşleşmelerimiz en iyi okunabilirlik için bu ilkeyi izler.

Bu yazı tiplerini ücretsiz kullanabilir miyim?

Evet, gösterilen tüm yazı tipleri ticari ve kişisel kullanım için ücretsiz olan Google Fonts'tan gelir.

İlgili rehberler

İlgili WebRecast bölümleri