Son güncelleme: 23 Ekim 2026 · Okuma süresi: ~10 dk · Yazar: Yunus Doğukan
Web sitesi için en güvenli seçim, en fazla iki aileden oluşan bir font kombinasyonudur. Seçilen fontlar Türkçe karakterleri (ğ, ş, ı, İ) eksiksiz çizmeli ve gövde metninde 16 piksel ve üzerinde rahat okunmalı. Gövde için Inter, Roboto ya da Open Sans; başlık için Montserrat, Poppins ya da Playfair Display sorunsuz çalışan seçeneklerdir.
Bu yazıdaki font önerilerinde on fontu tek tek tanıtmak yerine hangisinin hangi siteye uyduğunu ve seçmeden önce nelerin test edilmesi gerektiğini anlatıyoruz. Listedeki her fontun Türkçe harflerini, Google Fonts’un sunduğu font dosyasında tek tek ölçtük.
Web sitesi için hangi font seçilmeli?
Web sitesi için seçilecek font önce okunabilirliği sağlamalı, sonra markanın tonunu taşımalıdır; bu sıra tersine döndüğünde site güzel görünür ama okunmaz. Pratikte üç soruyla karar verilir:
- Metin uzun mu? Blog, hizmet anlatımı ve ürün açıklaması ağırlıklı sitelerde gövde fontu çoğunlukla sade bir sans-serif olur. Uzun okuma yapılan sitelerde Lora ya da Merriweather gibi serifler de iyi çalışır.
- Marka hangi tonda konuşuyor? Hukuk ve finansta ciddiyet; sağlık ve eğitimde güven ve sıcaklık; teknoloji ve girişimlerde modernlik; moda ve mimarlıkta zarafet öne çıkar.
- Site nerede açılıyor? Türkiye’de web trafiğinin yaklaşık %80’i telefondan gelir (StatCounter, Eylül 2026). Küçük ekranda harf aralığı dar fontlar ilk elenir.
Font, tipografi kurallarıyla birlikte seçilir. Gövde yazısını en az 16 piksel yapın; WCAG bir alt sınır vermez ama bu yaygın bir iyi uygulamadır. WCAG 1.4.8 (AAA düzeyi) ise paragraf içinde satır aralığının en az 1,5 olmasını ister (W3C). Yazı boyutu, satır aralığı ve satır uzunluğu doğru ayarlanmazsa en iyi font bile yorar.
Bir fontun Türkçe karakter desteği nasıl kontrol edilir?
Bir fontun Türkçeyi desteklediğini anlamanın tek güvenilir yolu, Türkçe harflerin hepsini içeren bir cümleyi o fontla yazıp her harfe bakmaktır. Google Fonts’ta “Latin Extended” desteği görmek gereklidir ama yeterli değildir; aşağıda bunun neden önemli olduğunu Lato örneğiyle anlatıyoruz. Adım adım:
- Google Fonts’ta fontun sayfasını açın.
- Önizleme alanına şunu yazın: “Işığı söndür, ağır çekimde İzmir’e gidiş.” Bu cümle ı, İ, ğ, ş, ö, ç ve ü harflerinin hepsini içerir. Büyük harfler için ikinci cümle: “ĞÜŞ ÖÇ Iİ”.
- Her harfin aynı fontla çizildiğine bakın. Bir harf diğerlerinden farklı görünüyorsa, tarayıcı o harfi başka bir fonttan ödünç alıyordur; bu, desteğin eksik olduğunu gösterir.
- Büyük harf testini sitede ayrıca yapın. “istanbul” kelimesini CSS ile büyük harfe çevirdiğinizde “İSTANBUL” çıkmalı. “ISTANBUL” çıkıyorsa sorun fontta değil, sayfanın dil bilgisindedir: HTML’de
lang="tr"özniteliği tanımlı olmalı. - Fontu kendi sunucunuza alıyorsanız ve Fontsource ya da google-webfonts-helper gibi bir araçla alt kümelere ayrılmış dosya indiriyorsanız, “latin-ext” alt kümesini de seçin. Yalnız “latin” yüklenirse ğ, ş ve İ yedek fontla görünür.
Dördüncü adım çoğu sitede atlanır. Menüsü büyük harfle yazılan sitelerde “İLETİŞİM” yerine “İLETIŞIM” görmek çok yaygın. Fontu değiştirmek bunu çözmez; tek satırlık lang="tr" ayarı çözer.
Lato neden bu listede yok?
Lato dünyanın en çok kullanılan web fontlarından biridir ve Google Fonts’ta “Latin Extended” desteği görünür. Ama Google Fonts’un sitelere sunduğu Lato dosyası eski bir sürüm (Version 1.104, “Western+Polish”). 23 Ekim 2026’da ölçtüğümüzde bu dosyada ğ, Ğ, ş, Ş ve İ harfleri yoktu. Lato’yu Google Fonts bağlantısıyla kullanan bir Türkçe sitede bu harfler sessizce başka bir fontla görünür. Lato’nun yeni sürümü (2.x) Türkçeyi destekler; kullanmak istiyorsanız dosyayı kendi sunucunuzdan, 2.x sürümüyle sunmanız gerekir.
Web sitesi için hangi 10 font önerilir?
Gövde için Inter, Roboto, Open Sans ve Source Sans 3 önerilir. Başlık için Montserrat, Poppins ve Playfair Display; uzun okuma için Lora ve Merriweather; sıcak bir ton için Nunito Sans uygundur. Bu on fontun tamamı Google Fonts’ta ücretsizdir ve Türkçe harflerin hepsini (ğ Ğ ş Ş ı İ ö Ö ç Ç ü Ü) içerir. “Değişken font” sütunu, bütün kalınlıkların tek dosyada olup olmadığını gösterir.
| Font | Tür | Türkçe | Değişken font | En iyi kullanım |
|---|---|---|---|---|
| Inter | Sans-serif | Tam | Evet | Gövde metni, panel ve yazılım arayüzleri |
| Roboto | Sans-serif | Tam | Evet | Gövde metni, haber ve içerik siteleri |
| Open Sans | Sans-serif | Tam | Evet | Uzun metin, kurumsal siteler |
| Source Sans 3 | Sans-serif | Tam | Evet | Kurumsal gövde metni, danışmanlık |
| Montserrat | Sans-serif | Tam | Evet | Başlık, kampanya ve ajans siteleri |
| Poppins | Sans-serif (geometrik) | Tam | Hayır | Başlık, girişim ve hizmet siteleri |
| Nunito Sans | Sans-serif (yumuşak) | Tam | Evet | Eğitim, sağlık, çocuk markaları |
| Playfair Display | Serif | Tam | Evet | Başlık; moda, mimarlık, otel |
| Lora | Serif | Tam | Evet | Blog ve dergi gövde metni |
| Merriweather | Serif | Tam | Evet | Uzun okuma, hukuk ve yayın siteleri |
Roboto, Open Sans ve Inter, Google Fonts’ta en çok kullanılan ailelerin ilk beşindedir (Ekim 2026). Popülerlik tek başına seçim sebebi olmamalı. Yine de bu fontların her tarayıcıda ve her ekranda sınandığını gösterir.
Script (el yazısı) fontlar ne zaman kullanılır? Pacifico ve Great Vibes da Türkçe harflerin hepsini içerir. Yine de listeye almadık, çünkü yalnızca tek bir başlıkta ya da logo yanında kısa bir vurgu olarak işe yararlar. Gövde metninde ve menüde okunabilirliği düşürürler.
Ücretli fontlar: Helvetica, Avenir, Futura ve Proxima Nova kurumsal kimliklerde sık geçer. Bunlar ticari fontlardır ve web’de kullanmak için çoğunlukla ayrı bir web lisansı gerekir; şartlar dağıtıcıya göre değişir. Markanız bunlardan birini kullanıyorsa, sözleşmenin web kullanımını da kapsayıp kapsamadığına bakın.
En kurumsal font hangisi?
Tek bir “en kurumsal font” yoktur. Kurumsal görünüm, sade bir sans-serif’in her sayfada aynı kurallarla kullanılmasından gelir. Yine de sektöre göre güvenli başlangıç noktaları bellidir:
- Finans, hukuk, danışmanlık: Source Sans 3 ya da Open Sans gövde, Merriweather başlık. Ciddi ve sakin bir ton verir.
- Teknoloji ve yazılım: Inter. Sabit genişlikli rakam özelliği (tnum) sayesinde tablo ve fiyat listelerinde rakamlar alt alta düzgün hizalanır.
- Üretim ve sanayi: Roboto ya da Montserrat. Katalog ve teknik bilgi sayfalarında güçlü durur.
- Mimarlık, iç mimarlık, butik markalar: Playfair Display başlık, Lora ya da Inter gövde.
Kurumsal kimlikte logo fontu ile web fontunun aynı olması şart değildir. Logo fontu çoğu zaman özel çizim ya da ücretli bir fonttur; web’de ona yakın, ücretsiz ve okunaklı bir muadil seçilir. Bu bağı logo tasarımı aşamasında kurmak, sonradan uyumsuzluk çıkmasını önler. Logo için hangi fontların öne çıktığını logo tasarımında kullanılacak 7 font yazımızda anlattık.
Başlık ve gövde fontu nasıl eşleştirilir?
İyi bir eşleşmede iki font birbirinden belirgin biçimde farklıdır ama aynı tonu taşır; ikisi de sans-serif olacaksa biri kalın ve geometrik, diğeri sade olmalıdır. Sitede ikiden fazla font ailesi kullanmak hem görüntüyü dağıtır hem de sayfayı yavaşlatır.
| Başlık fontu | Gövde fontu | Verdiği his | Uygun siteler |
|---|---|---|---|
| Montserrat | Inter | Modern, net | Ajans, yazılım, girişim |
| Playfair Display | Lora | Zarif, editoryal | Mimarlık, moda, otel |
| Poppins | Open Sans | Samimi, anlaşılır | Hizmet, eğitim, e-ticaret |
| Merriweather | Source Sans 3 | Ciddi, güven veren | Hukuk, finans, danışmanlık |
| Inter (kalın) | Inter (normal) | Sade, tek aile | Kurumsal, panel, SaaS |
Tek aileyle çalışmak (son satır) çoğu kurumsal site için en temiz yoldur: kalınlık farkı başlık ile gövdeyi ayırmaya yeter.
Font seçimi site hızını ve SEO’yu etkiler mi?
Font seçimi sıralamayı doğrudan etkilemez; etkisi yükleme hızı ve düzen kayması (CLS) üzerinden gelir. Google, bu ölçümlerin sıralama sistemlerinin ödüllendirmek istediği sayfa deneyimiyle örtüştüğünü söyler (Google Search Central). Dikkat edilecek noktalar:
- Aile ve kalınlık sayısını sınırlayın. Değişken olmayan fontlarda her kalınlık ayrı bir dosyadır. Değişken font bütün kalınlıkları tek dosyada taşır ama bu dosya daha büyüktür. Üç dörtten fazla kalınlık kullanıyorsanız değişken font, bir iki kalınlık kullanıyorsanız tek tek dosyalar genelde daha hafiftir.
font-display: swapkullanın. Font yüklenene kadar metin yedek fontla görünür; ziyaretçi boş ekran görmez. Font geç yüklenince metin hafifçe kayabilir; yedek fontun ölçülerinisize-adjustile yaklaştırmak bu kaymayı azaltır.- WOFF2 biçimini kullanın ve fontu kendi sunucunuzdan sunun. WOFF2 dosyayı küçültür; kendi sunucunuzdan sunmak ise harici bir sunucuya bağlantıyı ortadan kaldırır. Bunun bir de hukuki yanı var. Almanya’da bir mahkeme (LG München I, 20 Ocak 2022), Google Fonts’u Google sunucusundan çeken bir siteyi haksız buldu. Gerekçe, sitenin ziyaretçinin IP adresini rızası olmadan Google’a aktarmasıydı; site sahibi 100 € tazminat ödedi. AB’den ziyaretçi alıyorsanız kendi sunucunuzdan sunmak bu riski azaltır.
Font seçerken hangi terimleri bilmek gerekir?
Font seçerken en çok karşılaşılan beş terim şunlardır; her biri tasarımcıyla ya da yazılımcıyla aynı dili konuşmanızı sağlar.
| Terim | Ne demek? |
|---|---|
| Serif | Harf uçlarında küçük çıkıntılar (tırnak) olan font türüdür. Klasik ve ciddi bir his verir; Lora, Merriweather ve Playfair Display serif fontlardır. |
| Sans-serif | Harf uçlarında çıkıntı olmayan, sade font türüdür. Ekranda okunması kolaydır; Inter, Roboto ve Open Sans sans-serif fontlardır. |
| Değişken font | Bütün kalınlıkları ve genişlikleri tek dosyada taşıyan font biçimidir. |
| Latin Extended (latin-ext) | Türkçe, Lehçe ve Çekçe gibi dillerin özel harflerini kapsayan karakter grubudur. Türkçe desteği için gereklidir ama tek başına yeterli değildir. |
| font-display: swap | Font yüklenene kadar metnin yedek fontla gösterilmesini sağlayan CSS ayarıdır. |
Hangi fontu seçmeliyim? Hızlı karar tablosu
Kararsızsanız uzun metinli kurumsal bir site için Inter’i tek aile olarak kullanın; durumunuz aşağıdakilerden birine uyuyorsa o satırdaki öneriyi seçin.
| Durumunuz | Önerimiz |
|---|---|
| Uzun metinli kurumsal site, hızlı karar istiyorum | Inter, tek aile |
| Markam samimi ve genç bir dille konuşuyor | Poppins başlık + Open Sans gövde |
| Görsellik ön planda (mimarlık, moda, otel) | Playfair Display başlık + Lora gövde |
| Güven ve ciddiyet önemli (hukuk, finans) | Merriweather başlık + Source Sans 3 gövde |
| Logom ücretli bir fontla çizildi | Logoya en yakın ücretsiz sans-serif’i gövdede kullanın, logo fontunu yalnızca görselde tutun |
| Sitem Rusça ya da Yunanca da yayında | Roboto ya da Open Sans (Kiril ve Yunan alfabesi de var) |
| Sitemde Arapça da var | Türkçe ve Latin için Inter ya da Roboto; Arapça metin için Noto Sans Arabic ya da IBM Plex Sans Arabic gibi Arapça destekli ikinci bir aile |
Creodive’de bir marka için font nasıl seçiliyor?
Bir markanın fontunu biz dört adımda seçiyoruz. Adımların her biri bu yazıdaki bir kurala dayanıyor:
- Ton: Markanın hangi tonda konuştuğunu logo ve kurumsal kimlik çalışmasından alıyoruz. Logoda kullanılan font ücretliyse web için ona yakın, ücretsiz bir muadil arıyoruz.
- Türkçe testi: Aday fontlara Türkçe test cümlesini yazıp ğ, ş ve İ harflerine tek tek bakıyoruz. Lato’nun eksiğini bu testte bulduk.
- Eşleşme: Başlık ve gövde için en fazla iki aile seçiyor, gerçek sayfa metniyle telefonda deniyoruz.
- Kurulum: Fontu sitenin kendi sunucusundan sunuyor, yalnız kullanılan kalınlıkları yüklüyor ve
lang="tr"ile büyük harf testini yapıyoruz.
Tasarımcıya ya da ajansa hangi soruları sormalısınız?
Font seçimini bir tasarımcıya ya da ajansa bırakıyorsanız şu altı soruya net cevap alın:
- Sitede Türkçe büyük harf testi yapıldı mı (“İSTANBUL” doğru çıkıyor mu,
lang="tr"tanımlı mı)? - Seçilen fontun dosyasında ğ, ş ve İ harfleri var mı, test cümlesiyle kontrol edildi mi?
- Font kendi sunucumuzdan mı sunulacak, yoksa harici bir servisten mi çekilecek?
- Sitede kaç font ailesi ve kaç kalınlık yüklenecek?
- Fontun lisansı web kullanımını ve ticari kullanımı kapsıyor mu?
- Mobilde gövde yazı boyutu ve satır aralığı kaç olacak?
Bu sorulara net cevap alamıyorsanız, font seçimi büyük olasılıkla göz kararı yapılmıştır.
Sık sorulan sorular
Web sitesinde kaç font kullanılmalı?
En fazla iki font ailesi yeterlidir: biri başlık, biri gövde için. Tek aileyle farklı kalınlıklar kullanmak da çoğu kurumsal site için yeterli ve daha hızlıdır.
Google Fonts ticari kullanımda ücretsiz mi?
Evet. Google Fonts’taki fontlar açık kaynak lisanslarla (çoğu SIL Open Font License) dağıtılır ve ticari projelerde ücretsiz kullanılabilir. Fontu değiştirip yeniden dağıtacaksanız ailenin lisans dosyasına bakın. Ücretli fontlarda web kullanımı için ayrı lisans gerekir.
Hangi fontlar Türkçe karakterleri destekliyor?
Bu yazıdaki on fontun tamamı Türkçe harflerin hepsini içerir: Inter, Roboto, Open Sans, Source Sans 3, Montserrat, Poppins, Nunito Sans, Playfair Display, Lora ve Merriweather. Lato gibi istisnalar var: çok popüler olduğu hâlde Google Fonts’taki sürümünde ğ, ş ve İ yok. Başka bir font seçecekseniz önce Türkçe test cümlesini yazın.
En kurumsal font hangisi?
Tek bir doğru cevap yok, ama Inter, Source Sans 3, Open Sans ve Roboto kurumsal sitelerde en güvenli sans-serif seçeneklerdir. Ciddi bir ton isteniyorsa başlıkta Merriweather gibi bir serif eklenebilir.
Logo fontu ile web sitesi fontu aynı olmalı mı?
Şart değil. Logo fontu çoğu zaman özel ya da ücretli bir fonttur; web’de ona yakın, okunaklı ve ücretsiz bir muadil kullanılır. Önemli olan iki fontun aynı tonu taşımasıdır.
Font değiştirmek SEO’yu etkiler mi?
Doğrudan etkilemez. Ama yeni font sayfayı yavaşlatır ya da yüklenirken metni kaydırırsa, sayfa deneyimi ölçümleri üzerinden dolaylı etki eder. Değişiklikten sonra sayfa hızını yeniden ölçmek gerekir.
Markanız için doğru fontu birlikte seçelim. Creodive’de font seçimini logo ve kurumsal kimlik çalışmasının bir parçası olarak ele alıyoruz: logoya uyan, Türkçeyi eksiksiz çizen ve web sitesinde hızlı yüklenen bir tipografi sistemi kuruyoruz. Logo tasarımı hizmetimizi inceleyin ya da bize ulaşın.
