{"id":23864,"date":"2026-08-24T01:11:12","date_gmt":"2026-08-23T22:11:12","guid":{"rendered":"https:\/\/www.cenuta.com\/blog\/?p=23864"},"modified":"2026-08-24T01:11:13","modified_gmt":"2026-08-23T22:11:13","slug":"tipografi-nedir-web-ve-grafik-tasarimda-dogru-font-kullanimi-ve-dizgi-kurallari","status":"publish","type":"post","link":"https:\/\/www.cenuta.com\/blog\/tipografi-nedir-web-ve-grafik-tasarimda-dogru-font-kullanimi-ve-dizgi-kurallari\/","title":{"rendered":"Tipografi Nedir? Web ve Grafik Tasar\u0131mda Do\u011fru Font Kullan\u0131m\u0131 ve Dizgi Kurallar\u0131"},"content":{"rendered":"\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_71 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u0130\u00e7indekiler<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6a8c9ecc37b20\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6a8c9ecc37b20\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.cenuta.com\/blog\/tipografi-nedir-web-ve-grafik-tasarimda-dogru-font-kullanimi-ve-dizgi-kurallari\/#Giris_Metne_Ruh_ve_Ses_Kazandirma_Sanati\" title=\"Giri\u015f: Metne Ruh ve Ses Kazand\u0131rma Sanat\u0131\">Giri\u015f: Metne Ruh ve Ses Kazand\u0131rma Sanat\u0131<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.cenuta.com\/blog\/tipografi-nedir-web-ve-grafik-tasarimda-dogru-font-kullanimi-ve-dizgi-kurallari\/#Bolum_1_Tipografinin_Temel_Anatomisi_ve_Terminolojisi\" title=\"B\u00f6l\u00fcm 1: Tipografinin Temel Anatomisi ve Terminolojisi\">B\u00f6l\u00fcm 1: Tipografinin Temel Anatomisi ve Terminolojisi<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.cenuta.com\/blog\/tipografi-nedir-web-ve-grafik-tasarimda-dogru-font-kullanimi-ve-dizgi-kurallari\/#Typeface_Yazi_Tipi_Ailesi_vs_Font_Yazi_Tipi\" title=\"Typeface (Yaz\u0131 Tipi Ailesi) vs. Font (Yaz\u0131 Tipi)\">Typeface (Yaz\u0131 Tipi Ailesi) vs. Font (Yaz\u0131 Tipi)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.cenuta.com\/blog\/tipografi-nedir-web-ve-grafik-tasarimda-dogru-font-kullanimi-ve-dizgi-kurallari\/#Harf_Siniflandirmalari_Serif_ve_Sans-Serif\" title=\"Harf S\u0131n\u0131fland\u0131rmalar\u0131: Serif ve Sans-Serif\">Harf S\u0131n\u0131fland\u0131rmalar\u0131: Serif ve Sans-Serif<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.cenuta.com\/blog\/tipografi-nedir-web-ve-grafik-tasarimda-dogru-font-kullanimi-ve-dizgi-kurallari\/#Bolum_2_Bosluklarin_Gucu_Kerning_Tracking_ve_Leading\" title=\"B\u00f6l\u00fcm 2: Bo\u015fluklar\u0131n G\u00fcc\u00fc (Kerning, Tracking ve Leading)\">B\u00f6l\u00fcm 2: Bo\u015fluklar\u0131n G\u00fcc\u00fc (Kerning, Tracking ve Leading)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.cenuta.com\/blog\/tipografi-nedir-web-ve-grafik-tasarimda-dogru-font-kullanimi-ve-dizgi-kurallari\/#Bolum_3_Tipografinin_Insan_Psikolojisi_Uzerindeki_Etkisi\" title=\"B\u00f6l\u00fcm 3: Tipografinin \u0130nsan Psikolojisi \u00dczerindeki Etkisi\">B\u00f6l\u00fcm 3: Tipografinin \u0130nsan Psikolojisi \u00dczerindeki Etkisi<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.cenuta.com\/blog\/tipografi-nedir-web-ve-grafik-tasarimda-dogru-font-kullanimi-ve-dizgi-kurallari\/#Bolum_4_Web_Tasariminda_Gorsel_Hiyerarsi\" title=\"B\u00f6l\u00fcm 4: Web Tasar\u0131m\u0131nda G\u00f6rsel Hiyerar\u015fi\">B\u00f6l\u00fcm 4: Web Tasar\u0131m\u0131nda G\u00f6rsel Hiyerar\u015fi<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.cenuta.com\/blog\/tipografi-nedir-web-ve-grafik-tasarimda-dogru-font-kullanimi-ve-dizgi-kurallari\/#Bolum_5_Okunabilirlik_Readability_ve_Okunurluk_Legibility\" title=\"B\u00f6l\u00fcm 5: Okunabilirlik (Readability) ve Okunurluk (Legibility)\">B\u00f6l\u00fcm 5: Okunabilirlik (Readability) ve Okunurluk (Legibility)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.cenuta.com\/blog\/tipografi-nedir-web-ve-grafik-tasarimda-dogru-font-kullanimi-ve-dizgi-kurallari\/#Bolum_6_Font_Eslestirme_Font_Pairing_Sanati\" title=\"B\u00f6l\u00fcm 6: Font E\u015fle\u015ftirme (Font Pairing) Sanat\u0131\">B\u00f6l\u00fcm 6: Font E\u015fle\u015ftirme (Font Pairing) Sanat\u0131<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.cenuta.com\/blog\/tipografi-nedir-web-ve-grafik-tasarimda-dogru-font-kullanimi-ve-dizgi-kurallari\/#Sonuc_Tipografi_Sessiz_Bir_Elcidir\" title=\"Sonu\u00e7: Tipografi Sessiz Bir El\u00e7idir\">Sonu\u00e7: Tipografi Sessiz Bir El\u00e7idir<\/a><\/li><\/ul><\/nav><\/div>\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Giris_Metne_Ruh_ve_Ses_Kazandirma_Sanati\"><\/span>Giri\u015f: Metne Ruh ve Ses Kazand\u0131rma Sanat\u0131<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Kelimeler, iletmek istedi\u011fimiz mesaj\u0131n ne oldu\u011funu s\u00f6yler; ancak tipografi, o mesaj\u0131n <strong>nas\u0131l<\/strong> s\u00f6ylendi\u011fini belirler. K\u0131s\u0131k ve zarif bir f\u0131s\u0131lt\u0131 m\u0131, yoksa otoriter ve y\u00fcksek sesli bir komut mu duyaca\u011f\u0131m\u0131z\u0131 kelimelerin bi\u00e7imleri tan\u0131mlar.<\/p>\n\n\n\n<p>\u00c7o\u011fu zaman sadece &#8220;g\u00fczel bir font se\u00e7mek&#8221; olarak basite indirgenen <strong>Tipografi (Typography)<\/strong>, asl\u0131nda harflerin, bo\u015fluklar\u0131n, sat\u0131r aral\u0131klar\u0131n\u0131n ve sembollerin okunabilirli\u011fi en \u00fcst d\u00fczeye \u00e7\u0131karacak ve estetik bir denge kuracak \u015fekilde tasarlanmas\u0131 ve d\u00fczenlenmesi sanat\u0131d\u0131r. K\u00f6kenleri Johannes Gutenberg\u2019in 15. y\u00fczy\u0131lda matbaay\u0131 icat etmesine kadar uzansa da, 2026 y\u0131l\u0131n\u0131n piksellerle \u00f6r\u00fcl\u00fc dijital d\u00fcnyas\u0131nda tipografi; Kullan\u0131c\u0131 Deneyimi (UX), Kullan\u0131c\u0131 Aray\u00fcz\u00fc (UI) ve Marka Kimli\u011finin (Branding) tart\u0131\u015fmas\u0131z en b\u00fcy\u00fck ta\u015f\u0131y\u0131c\u0131 kolonudur.<\/p>\n\n\n\n<p>Ekranda g\u00f6rd\u00fc\u011f\u00fcn\u00fcz bir web sitesinin ortalama %90&#8217;\u0131n\u0131n metinlerden olu\u015ftu\u011funu d\u00fc\u015f\u00fcnd\u00fc\u011f\u00fcn\u00fczde, harflerin dizilimi ve bi\u00e7iminin ne kadar hayati bir rol oynad\u0131\u011f\u0131n\u0131 fark etmek zor de\u011fildir. Hatal\u0131 bir tipografi se\u00e7imi ziyaret\u00e7inin g\u00f6z\u00fcn\u00fc yorup siteyi terk etmesine neden olurken; do\u011fru kurgulanm\u0131\u015f bir tipografi hiyerar\u015fisi, okuyucuyu adeta bir su ak\u0131\u015f\u0131 gibi sayfan\u0131n en alt\u0131na, hedeflenen &#8220;Sat\u0131n Al&#8221; veya &#8220;Kay\u0131t Ol&#8221; butonuna kadar ta\u015f\u0131r.<\/p>\n\n\n\n<p>Bu devasa ve derinlemesine rehberde; tipografinin temel terminolojisinden insan psikolojisi \u00fczerindeki gizli etkilerine, yaz\u0131 tipi (Typeface) ile font aras\u0131ndaki o \u00fcnl\u00fc karma\u015fadan web sitelerinde font e\u015fle\u015ftirme (Font Pairing) stratejilerine kadar, modern tasar\u0131m\u0131n bu en g\u00fc\u00e7l\u00fc silah\u0131n\u0131 t\u00fcm detaylar\u0131yla inceliyoruz.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Bolum_1_Tipografinin_Temel_Anatomisi_ve_Terminolojisi\"><\/span>B\u00f6l\u00fcm 1: Tipografinin Temel Anatomisi ve Terminolojisi<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Tasar\u0131m d\u00fcnyas\u0131nda do\u011fru ileti\u015fimi kurabilmek i\u00e7in \u00f6ncelikle kavramlar\u0131n ne anlama geldi\u011fini bilmek gerekir. Dijital veya bas\u0131l\u0131 fark etmeksizin, tipografinin temelini olu\u015fturan hayati kavramlar \u015funlard\u0131r:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Typeface_Yazi_Tipi_Ailesi_vs_Font_Yazi_Tipi\"><\/span>Typeface (Yaz\u0131 Tipi Ailesi) vs. Font (Yaz\u0131 Tipi)<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Bu iki terim g\u00fcn\u00fcm\u00fczde genellikle birbirinin yerine (ve yanl\u0131\u015f olarak) kullan\u0131l\u0131r. Ancak aralar\u0131nda teknik bir fark vard\u0131r.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Typeface (Yaz\u0131 Tipi Ailesi):<\/strong> Tasar\u0131m\u0131n ana karakteridir. M\u00fczik d\u00fcnyas\u0131ndan bir \u00f6rnek vermek gerekirse, Typeface bir \u015fark\u0131n\u0131n bestesidir. (\u00d6rnek: <em>Helvetica, Roboto, Times New Roman<\/em> birer Typeface&#8217;tir).<\/li>\n\n\n\n<li><strong>Font:<\/strong> O ailenin belirli bir a\u011f\u0131rl\u0131kta ve boyutta dijital olarak sunulmu\u015f halidir. \u015eark\u0131n\u0131n MP3 dosyas\u0131d\u0131r. (\u00d6rnek: <em>Helvetica Bold 12pt<\/em>, <em>Roboto Light Italic 16pt<\/em> birer fonttur).<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Harf_Siniflandirmalari_Serif_ve_Sans-Serif\"><\/span>Harf S\u0131n\u0131fland\u0131rmalar\u0131: Serif ve Sans-Serif<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Harflerin anatomik yap\u0131s\u0131, tasar\u0131m\u0131n duygusunu ba\u015ftan a\u015fa\u011f\u0131 de\u011fi\u015ftirir.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Serif (T\u0131rnakl\u0131\/\u00c7entikli):<\/strong> Harflerin u\u00e7 k\u0131s\u0131mlar\u0131nda k\u00fc\u00e7\u00fck yatay veya dikey \u00e7\u0131k\u0131nt\u0131lar (t\u0131rnaklar) bulunur. Times New Roman veya Georgia bu ailedendir. Geleneksel, g\u00fcvenilir, l\u00fcks ve akademik bir hissiyat verir. Uzun metinlerde (\u00f6zellikle bas\u0131l\u0131 kitaplarda) g\u00f6z\u00fc bir sonraki harfe y\u00f6nlendirdi\u011fi i\u00e7in okumay\u0131 kolayla\u015ft\u0131rd\u0131\u011f\u0131 kabul edilir.<\/li>\n\n\n\n<li><strong>Sans-Serif (T\u0131rnaks\u0131z):<\/strong> Frans\u0131zca &#8220;Sans&#8221; (Olmayan) kelimesinden gelir. Harflerin u\u00e7lar\u0131 d\u00fczd\u00fcr. Arial, Helvetica, Inter veya Futura bu gruptad\u0131r. Modern, temiz, minimalist ve yenilik\u00e7i bir duru\u015f sergilerler. Dijital ekranlarda (\u00f6zellikle d\u00fc\u015f\u00fck \u00e7\u00f6z\u00fcn\u00fcrl\u00fckl\u00fc mobil cihazlarda) \u00e7ok daha net okunduklar\u0131 i\u00e7in web tasar\u0131m\u0131n\u0131n standart\u0131 haline gelmi\u015flerdir.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Bolum_2_Bosluklarin_Gucu_Kerning_Tracking_ve_Leading\"><\/span>B\u00f6l\u00fcm 2: Bo\u015fluklar\u0131n G\u00fcc\u00fc (Kerning, Tracking ve Leading)<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Tipografi sadece harflerin kendisiyle de\u011fil, harflerin aras\u0131nda b\u0131rakt\u0131\u011f\u0131n\u0131z &#8220;nefes alma alanlar\u0131&#8221; ile ilgilidir. Hatal\u0131 bo\u015fluk kullan\u0131m\u0131, d\u00fcnyan\u0131n en g\u00fczel yaz\u0131 tipini bile okunamaz hale getirebilir.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Kerning (Karakter Aral\u0131\u011f\u0131):<\/strong> Yan yana gelen iki spesifik harf aras\u0131ndaki bo\u015flu\u011fun ayarlanmas\u0131d\u0131r. \u00d6rne\u011fin b\u00fcy\u00fck &#8220;A&#8221; ve &#8220;V&#8221; harfleri yan yana geldi\u011finde, aralar\u0131ndaki diyagonal yap\u0131 nedeniyle a\u015f\u0131r\u0131 bo\u015fluk varm\u0131\u015f gibi g\u00f6r\u00fcn\u00fcr. Kerning, sadece bu iki harfi birbirine yakla\u015ft\u0131rarak g\u00f6rsel dengeyi sa\u011flama i\u015flemidir.<\/li>\n\n\n\n<li><strong>Tracking (Kelime Aral\u0131\u011f\u0131 \/ \u0130zleme):<\/strong> Sadece iki harf aras\u0131ndaki de\u011fil; bir kelimenin, c\u00fcmlenin veya b\u00fct\u00fcn bir paragraf\u0131n harfleri aras\u0131ndaki genel, homojen bo\u015fluk miktar\u0131d\u0131r. \u00d6zellikle ba\u015fl\u0131k tasar\u0131mlar\u0131nda b\u00fcy\u00fck harflerin (ALL CAPS) aras\u0131n\u0131 tracking ile a\u00e7mak, modern ve l\u00fcks bir g\u00f6r\u00fcn\u00fcm yarat\u0131r.<\/li>\n\n\n\n<li><strong>Leading (Sat\u0131r Aral\u0131\u011f\u0131):<\/strong> Alt alta dizilmi\u015f iki metin sat\u0131r\u0131 aras\u0131ndaki dikey bo\u015fluktur. \u0130smini eski matbaac\u0131l\u0131kta sat\u0131rlar\u0131n aras\u0131na konulan kur\u015fun (lead) bloklardan al\u0131r. CSS (Web kodlama) dilindeki kar\u015f\u0131l\u0131\u011f\u0131 <code>line-height<\/code> de\u011feridir.<\/li>\n<\/ul>\n\n\n\n<p><strong>Bir Okunabilirlik Senaryosu:<\/strong> Aray\u00fcz (UI) tasar\u0131mc\u0131s\u0131 <strong>Damla<\/strong>, uzun makalelerin yer ald\u0131\u011f\u0131 bir haber portal\u0131 tasarlamaktad\u0131r. Damla, test a\u015famas\u0131nda metinlerin okuyucuyu yordu\u011funu fark eder. Sorun, fontun b\u00fcy\u00fckl\u00fc\u011f\u00fcnde de\u011fil, <em>Leading (Sat\u0131r Aral\u0131\u011f\u0131)<\/em> ayar\u0131ndad\u0131r. Sat\u0131rlar birbirine o kadar yap\u0131\u015f\u0131kt\u0131r ki, okuyucunun g\u00f6z\u00fc bir alt sat\u0131ra ge\u00e7erken kaybolmaktad\u0131r. Damla, 16px font boyutu i\u00e7in CSS&#8217;teki <code>line-height<\/code> de\u011ferini 1.5 (yani 24px sat\u0131r aral\u0131\u011f\u0131) olarak g\u00fcnceller. Metin bir anda nefes al\u0131r ve platformun makale okuma s\u00fcreleri (Time on Page) %40 oran\u0131nda artar.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Bolum_3_Tipografinin_Insan_Psikolojisi_Uzerindeki_Etkisi\"><\/span>B\u00f6l\u00fcm 3: Tipografinin \u0130nsan Psikolojisi \u00dczerindeki Etkisi<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Harfler, zihnimizde bilin\u00e7alt\u0131 \u00e7a\u011fr\u0131\u015f\u0131mlar yarat\u0131r. Bir markan\u0131n kimli\u011fini yans\u0131tmak, tamamen do\u011fru yaz\u0131 tipi psikolojisini se\u00e7mekten ge\u00e7er.<\/p>\n\n\n\n<p>Kurumsal marka stratejisti <strong>Simge<\/strong>, iki farkl\u0131 m\u00fc\u015fteri i\u00e7in marka kimli\u011fi tasarlamaktad\u0131r.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Birinci m\u00fc\u015fteri:<\/strong> 100 y\u0131ll\u0131k bir ge\u00e7mi\u015fe sahip, y\u00fcksek fiyatl\u0131, l\u00fcks bir parf\u00fcm markas\u0131d\u0131r. Simge bu marka i\u00e7in <em>Playfair Display<\/em> veya <em>Cinzel<\/em> gibi zarif, ince hatl\u0131 ve klasik <strong>Serif (T\u0131rnakl\u0131)<\/strong> bir yaz\u0131 tipi se\u00e7er. Bu se\u00e7im; kaliteyi, asaleti, pahal\u0131l\u0131\u011f\u0131 ve gelene\u011fi f\u0131s\u0131ldar.<\/li>\n\n\n\n<li><strong>\u0130kinci m\u00fc\u015fteri:<\/strong> Gen\u00e7lere y\u00f6nelik, anl\u0131k kripto para transferi yapan, h\u0131zl\u0131, dinamik ve yenilik\u00e7i bir finans-teknoloji (FinTech) giri\u015fimidir. Simge bu marka i\u00e7in <em>Montserrat<\/em> veya <em>Poppins<\/em> gibi kal\u0131n (bold), geometrik ve yuvarlak hatl\u0131 bir <strong>Sans-Serif (T\u0131rnaks\u0131z)<\/strong> yaz\u0131 tipi tercih eder. Bu se\u00e7im; h\u0131z\u0131, eri\u015filebilirli\u011fi, samimiyeti ve dijital modernizmi simgeler.<\/li>\n<\/ul>\n\n\n\n<p>E\u011fer Simge bu iki markan\u0131n fontlar\u0131n\u0131 birbiriyle de\u011fi\u015ftirseydi, parf\u00fcm markas\u0131 ucuz bir teknoloji \u00fcr\u00fcn\u00fc gibi, finans giri\u015fimi ise hantal ve modas\u0131 ge\u00e7mi\u015f bir banka gibi alg\u0131lanacakt\u0131. Tipografi, markan\u0131n dijital ses tonudur.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Bolum_4_Web_Tasariminda_Gorsel_Hiyerarsi\"><\/span>B\u00f6l\u00fcm 4: Web Tasar\u0131m\u0131nda G\u00f6rsel Hiyerar\u015fi<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Ekrana bakan bir kullan\u0131c\u0131 metni okumaz; metni <strong>tarar (scan).<\/strong> E\u011fer her \u015fey ayn\u0131 boyutta, ayn\u0131 renkte ve ayn\u0131 a\u011f\u0131rl\u0131ktaysa, g\u00f6z neyin \u00f6nemli oldu\u011funu ay\u0131rt edemez. G\u00f6rsel hiyerar\u015fi, ziyaret\u00e7iye &#8220;\u00d6nce buray\u0131 oku, sonra \u015furaya bak&#8221; demenin rehberidir.<\/p>\n\n\n\n<p>Kullan\u0131c\u0131 Deneyimi (UX) uzman\u0131 <strong>G\u00f6khan<\/strong>, bir e-ticaret sitesinin d\u00f6n\u00fc\u015f\u00fcm oranlar\u0131n\u0131 art\u0131rmak i\u00e7in i\u015fe al\u0131n\u0131r. G\u00f6khan siteyi a\u00e7t\u0131\u011f\u0131nda tam bir tipografik kaosla kar\u015f\u0131la\u015f\u0131r. \u00dcr\u00fcn ba\u015fl\u0131klar\u0131, fiyatlar ve a\u00e7\u0131klamalar neredeyse ayn\u0131 boyuttad\u0131r. G\u00f6khan hemen bir hiyerar\u015fi in\u015fa eder:<\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li><strong>H1 (Sayfa Ba\u015fl\u0131\u011f\u0131):<\/strong> \u00dcr\u00fcn\u00fcn ad\u0131n\u0131 devasa bir boyuta (\u00d6rn: 42px) ve &#8220;Black\/Extra Bold&#8221; a\u011f\u0131rl\u0131\u011f\u0131na (weight) ta\u015f\u0131r. G\u00f6z ilk olarak \u00fcr\u00fcn\u00fc alg\u0131lar.<\/li>\n\n\n\n<li><strong>H2 ve H3 (Alt Ba\u015fl\u0131klar):<\/strong> Teknik \u00f6zellikler ve \u00f6deme se\u00e7enekleri gibi b\u00f6l\u00fcmleri (24px) ve &#8220;Medium&#8221; a\u011f\u0131rl\u0131kla, ana ba\u015fl\u0131ktan daha k\u00fc\u00e7\u00fck ama g\u00f6vde metninden b\u00fcy\u00fck yapar.<\/li>\n\n\n\n<li><strong>Body Text (G\u00f6vde Metni):<\/strong> \u00dcr\u00fcn a\u00e7\u0131klamalar\u0131n\u0131 rahat okunabilir, standart 16px boyutunda ve &#8220;Regular&#8221; a\u011f\u0131rl\u0131kta tutar. Siyah rengi k\u0131rarak koyu gri (<code>#333333<\/code>) yapar; b\u00f6ylece ekran\u0131n beyaz\u0131yla olu\u015fan y\u00fcksek kontrast\u0131n g\u00f6z\u00fc yormas\u0131n\u0131 engeller. Bu hiyerar\u015fik yap\u0131land\u0131rma sonras\u0131 ziyaret\u00e7iler bilgiyi saniyeler i\u00e7inde zihinlerinde tasnif eder ve \u00fcr\u00fcn sat\u0131n alma oranlar\u0131 h\u0131zla y\u00fckselir.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Bolum_5_Okunabilirlik_Readability_ve_Okunurluk_Legibility\"><\/span>B\u00f6l\u00fcm 5: Okunabilirlik (Readability) ve Okunurluk (Legibility)<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Tipografide s\u0131k\u00e7a kar\u0131\u015ft\u0131r\u0131lan bu iki kavram, harika bir tasar\u0131m\u0131n g\u00f6r\u00fcnmez iki bek\u00e7isidir.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Okunurluk (Legibility):<\/strong> Harflerin birbirinden kolayca ay\u0131rt edilebilmesidir. Kalitesiz bir yaz\u0131 tipinde b\u00fcy\u00fck &#8220;I&#8221; (Isparta&#8217;n\u0131n \u0131&#8217;s\u0131) ile k\u00fc\u00e7\u00fck &#8220;l&#8221; (L\u00fcleburgaz&#8217;\u0131n l&#8217;si) veya &#8220;1&#8221; (bir) rakam\u0131 birbirinin ayn\u0131s\u0131 gibi g\u00f6r\u00fcnebilir. \u00d6zellikle bankac\u0131l\u0131k, \u015fifre ekranlar\u0131 veya teknik veri tablolar\u0131nda y\u00fcksek okunurlu\u011fa sahip fontlar se\u00e7ilmelidir.<\/li>\n\n\n\n<li><strong>Okunabilirlik (Readability):<\/strong> Metnin b\u00fct\u00fcn olarak ne kadar ak\u0131c\u0131 okundu\u011fuyla ilgilidir. S\u00fctun geni\u015fli\u011fi (Line Length) bunun en \u00f6nemli par\u00e7as\u0131d\u0131r. Bir sat\u0131rda \u00e7ok az kelime varsa g\u00f6z s\u00fcrekli bir alt sat\u0131ra atlamaktan yorulur. Bir sat\u0131rda \u00e7ok fazla kelime varsa, g\u00f6z bir alt sat\u0131r\u0131n ba\u015f\u0131n\u0131 bulmakta zorlan\u0131r. 2026 y\u0131l\u0131 UX standartlar\u0131na g\u00f6re, masa\u00fcst\u00fc bir ekranda <strong>bir sat\u0131r ideal olarak 60 ila 75 karakter (bo\u015fluklar dahil) aras\u0131nda<\/strong> olmal\u0131d\u0131r.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Bolum_6_Font_Eslestirme_Font_Pairing_Sanati\"><\/span>B\u00f6l\u00fcm 6: Font E\u015fle\u015ftirme (Font Pairing) Sanat\u0131<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Bir web sitesinde veya tasar\u0131mda tek bir yaz\u0131 tipi kullanmak g\u00fcvenlidir ancak tasar\u0131m\u0131n monotonla\u015fmas\u0131na neden olabilir. Dinamizm katmak i\u00e7in iki farkl\u0131 yaz\u0131 tipini e\u015fle\u015ftirmek (Font Pairing) gerekir. Ancak birbirine benzeyen iki fontu e\u015fle\u015ftirmek, giyimde lacivert ceketle siyah pantolon giymek gibi bir &#8220;uyumsuzluk&#8221; (Conflict) yarat\u0131r.<\/p>\n\n\n\n<p>Serbest \u00e7al\u0131\u015fan web tasar\u0131mc\u0131s\u0131 <strong>Umut<\/strong>, m\u00fc\u015fterisinin kurumsal portfolyo sitesini tasarlarken m\u00fckemmel e\u015fle\u015fmenin form\u00fcl\u00fcn\u00fc <strong>&#8220;Kontrast (Z\u0131tl\u0131k)&#8221;<\/strong> \u00fczerine kurar. Umut, ana ba\u015fl\u0131klar (H1, H2) i\u00e7in karakterli ve dikkat \u00e7ekici bir Serif font olan <em>Merriweather<\/em>&#8216;\u0131 kullan\u0131r. Bu font, sayfan\u0131n asaletini ve edebi g\u00fcc\u00fcn\u00fc yans\u0131t\u0131r. Ancak sayfalarca s\u00fcren hakk\u0131m\u0131zda metinlerini Serif fontla okutmak dijital ekranda yorucu olaca\u011f\u0131 i\u00e7in, g\u00f6vde metinlerinde (Body Text) son derece temiz, geometrik ve t\u0131rnaks\u0131z bir Sans-Serif olan <em>Open Sans<\/em>&#8216;\u0131 tercih eder. Biri geleneksel, di\u011feri modern olan bu iki z\u0131t kutup, sayfada muazzam bir ahenk (Concord) ve okunabilirlik yarat\u0131r. Kural basittir: <strong>Z\u0131tl\u0131k uyum getirir, benzerlik \u00e7at\u0131\u015fma yarat\u0131r.<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Sonuc_Tipografi_Sessiz_Bir_Elcidir\"><\/span>Sonu\u00e7: Tipografi Sessiz Bir El\u00e7idir<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>D\u00fcnyan\u0131n en iyi yaz\u0131lm\u0131\u015f metni, yanl\u0131\u015f harf formlar\u0131na, bo\u011fucu sat\u0131r aral\u0131klar\u0131na ve hiyerar\u015fiden yoksun bir d\u00fczene hapsedildi\u011finde g\u00fcc\u00fcn\u00fc saniyeler i\u00e7inde kaybeder. Harika bir tipografinin en b\u00fcy\u00fck ba\u015far\u0131s\u0131 <strong>g\u00f6r\u00fcnmez<\/strong> olmas\u0131d\u0131r. Okuyucu, metni t\u00fcketirken harflerin \u015fekline, bo\u015fluklar\u0131na veya puntolar\u0131na odaklanm\u0131yor, do\u011frudan yazar\u0131n hissettirmek istedi\u011fi duyguya kap\u0131l\u0131p gidiyorsa, oradaki tipografi i\u015fini kusursuz yapm\u0131\u015f demektir.<\/p>\n\n\n\n<p>G\u00fcn\u00fcm\u00fcz\u00fcn geli\u015fmi\u015f web teknolojileri (Variable Fonts &#8211; De\u011fi\u015fken Fontlar, CSS Clamp ile ak\u0131\u015fkan boyutland\u0131rmalar) tasar\u0131mc\u0131lara harfler \u00fczerinde daha \u00f6nce hi\u00e7 olmad\u0131\u011f\u0131 kadar b\u00fcy\u00fck bir kontrol sunmaktad\u0131r. \u0130ster y\u00fcz binlerce hit alan bir e-ticaret sitesi, ister minimal bir ki\u015fisel blog tasarl\u0131yor olun; tipografiye yat\u0131r\u0131m yapmak, markan\u0131z\u0131n ses tellerini g\u00fc\u00e7lendirmek anlam\u0131na gelir. Do\u011fru yaz\u0131 tipini bulun, sat\u0131rlar\u0131n\u0131za nefes ald\u0131r\u0131n, hiyerar\u015finizi kurun ve kelimelerinizin dijital ekranda t\u00fcm g\u00f6rkemiyle yank\u0131lanmas\u0131na izin verin.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Giri\u015f: Metne Ruh ve Ses Kazand\u0131rma Sanat\u0131 Kelimeler, iletmek istedi\u011fimiz<a href=\"https:\/\/www.cenuta.com\/blog\/tipografi-nedir-web-ve-grafik-tasarimda-dogru-font-kullanimi-ve-dizgi-kurallari\/\">&#8230;<\/a><\/p>\n","protected":false},"author":6,"featured_media":23865,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15],"tags":[],"class_list":["post-23864","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-genel"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v18.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.cenuta.com\/blog\/tipografi-nedir-web-ve-grafik-tasarimda-dogru-font-kullanimi-ve-dizgi-kurallari\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tipografi Nedir? Web ve Grafik Tasar\u0131mda Do\u011fru Font Kullan\u0131m\u0131 ve Dizgi Kurallar\u0131 - Cenuta Blog\" \/>\n<meta property=\"og:description\" content=\"Giri\u015f: Metne Ruh ve Ses Kazand\u0131rma Sanat\u0131 Kelimeler, iletmek istedi\u011fimiz...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cenuta.com\/blog\/tipografi-nedir-web-ve-grafik-tasarimda-dogru-font-kullanimi-ve-dizgi-kurallari\/\" \/>\n<meta property=\"og:site_name\" content=\"Cenuta Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/cenutacom\" \/>\n<meta property=\"article:published_time\" content=\"2026-08-23T22:11:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-23T22:11:13+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.cenuta.com\/blog\/wp-content\/uploads\/2026\/08\/tipografi.webp\" \/>\n<meta name=\"twitter:creator\" content=\"@cenutacom\" \/>\n<meta name=\"twitter:site\" content=\"@cenutacom\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Baran O\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.cenuta.com\/blog\/#organization\",\"name\":\"Cenuta Telekom\u00fcnikasyon Anonim \u015eirketi\",\"url\":\"https:\/\/www.cenuta.com\/blog\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/cenutacom\",\"https:\/\/www.instagram.com\/cenutacom\/\",\"https:\/\/www.linkedin.com\/company\/cenuta\",\"https:\/\/www.youtube.com\/cenuta\",\"https:\/\/twitter.com\/cenutacom\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.cenuta.com\/blog\/#logo\",\"inLanguage\":\"tr\",\"url\":\"https:\/\/www.cenuta.com\/blog\/wp-content\/uploads\/2020\/08\/logo_siyah.png\",\"contentUrl\":\"https:\/\/www.cenuta.com\/blog\/wp-content\/uploads\/2020\/08\/logo_siyah.png\",\"width\":805,\"height\":200,\"caption\":\"Cenuta Telekom\u00fcnikasyon Anonim \u015eirketi\"},\"image\":{\"@id\":\"https:\/\/www.cenuta.com\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.cenuta.com\/blog\/#website\",\"url\":\"https:\/\/www.cenuta.com\/blog\/\",\"name\":\"Cenuta Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.cenuta.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.cenuta.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"tr\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.cenuta.com\/blog\/tipografi-nedir-web-ve-grafik-tasarimda-dogru-font-kullanimi-ve-dizgi-kurallari\/#primaryimage\",\"inLanguage\":\"tr\",\"url\":\"https:\/\/www.cenuta.com\/blog\/wp-content\/uploads\/2026\/08\/tipografi.webp\",\"contentUrl\":\"https:\/\/www.cenuta.com\/blog\/wp-content\/uploads\/2026\/08\/tipografi.webp\",\"width\":1200,\"height\":800},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.cenuta.com\/blog\/tipografi-nedir-web-ve-grafik-tasarimda-dogru-font-kullanimi-ve-dizgi-kurallari\/#webpage\",\"url\":\"https:\/\/www.cenuta.com\/blog\/tipografi-nedir-web-ve-grafik-tasarimda-dogru-font-kullanimi-ve-dizgi-kurallari\/\",\"name\":\"Tipografi Nedir? Web ve Grafik Tasar\u0131mda Do\u011fru Font Kullan\u0131m\u0131 ve Dizgi Kurallar\u0131 - Cenuta Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.cenuta.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.cenuta.com\/blog\/tipografi-nedir-web-ve-grafik-tasarimda-dogru-font-kullanimi-ve-dizgi-kurallari\/#primaryimage\"},\"datePublished\":\"2026-08-23T22:11:12+00:00\",\"dateModified\":\"2026-08-23T22:11:13+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.cenuta.com\/blog\/tipografi-nedir-web-ve-grafik-tasarimda-dogru-font-kullanimi-ve-dizgi-kurallari\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.cenuta.com\/blog\/tipografi-nedir-web-ve-grafik-tasarimda-dogru-font-kullanimi-ve-dizgi-kurallari\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.cenuta.com\/blog\/tipografi-nedir-web-ve-grafik-tasarimda-dogru-font-kullanimi-ve-dizgi-kurallari\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Ana sayfa\",\"item\":\"https:\/\/www.cenuta.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tipografi Nedir? Web ve Grafik Tasar\u0131mda Do\u011fru Font Kullan\u0131m\u0131 ve Dizgi Kurallar\u0131\"}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/www.cenuta.com\/blog\/tipografi-nedir-web-ve-grafik-tasarimda-dogru-font-kullanimi-ve-dizgi-kurallari\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.cenuta.com\/blog\/tipografi-nedir-web-ve-grafik-tasarimda-dogru-font-kullanimi-ve-dizgi-kurallari\/#webpage\"},\"author\":{\"@id\":\"https:\/\/www.cenuta.com\/blog\/#\/schema\/person\/0732262cd1d893b0f6ff806f442df9d5\"},\"headline\":\"Tipografi Nedir? Web ve Grafik Tasar\u0131mda Do\u011fru Font Kullan\u0131m\u0131 ve Dizgi Kurallar\u0131\",\"datePublished\":\"2026-08-23T22:11:12+00:00\",\"dateModified\":\"2026-08-23T22:11:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.cenuta.com\/blog\/tipografi-nedir-web-ve-grafik-tasarimda-dogru-font-kullanimi-ve-dizgi-kurallari\/#webpage\"},\"wordCount\":1928,\"publisher\":{\"@id\":\"https:\/\/www.cenuta.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.cenuta.com\/blog\/tipografi-nedir-web-ve-grafik-tasarimda-dogru-font-kullanimi-ve-dizgi-kurallari\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cenuta.com\/blog\/wp-content\/uploads\/2026\/08\/tipografi.webp\",\"inLanguage\":\"tr\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.cenuta.com\/blog\/#\/schema\/person\/0732262cd1d893b0f6ff806f442df9d5\",\"name\":\"Baran O\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.cenuta.com\/blog\/#personlogo\",\"inLanguage\":\"tr\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1e4899262d57e005522a1b8ea0b9dea4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1e4899262d57e005522a1b8ea0b9dea4?s=96&d=mm&r=g\",\"caption\":\"Baran O\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.cenuta.com\/blog\/tipografi-nedir-web-ve-grafik-tasarimda-dogru-font-kullanimi-ve-dizgi-kurallari\/","og_locale":"tr_TR","og_type":"article","og_title":"Tipografi Nedir? Web ve Grafik Tasar\u0131mda Do\u011fru Font Kullan\u0131m\u0131 ve Dizgi Kurallar\u0131 - Cenuta Blog","og_description":"Giri\u015f: Metne Ruh ve Ses Kazand\u0131rma Sanat\u0131 Kelimeler, iletmek istedi\u011fimiz...","og_url":"https:\/\/www.cenuta.com\/blog\/tipografi-nedir-web-ve-grafik-tasarimda-dogru-font-kullanimi-ve-dizgi-kurallari\/","og_site_name":"Cenuta Blog","article_publisher":"https:\/\/www.facebook.com\/cenutacom","article_published_time":"2026-08-23T22:11:12+00:00","article_modified_time":"2026-08-23T22:11:13+00:00","twitter_card":"summary_large_image","twitter_image":"https:\/\/www.cenuta.com\/blog\/wp-content\/uploads\/2026\/08\/tipografi.webp","twitter_creator":"@cenutacom","twitter_site":"@cenutacom","twitter_misc":{"Yazan:":"Baran O","Tahmini okuma s\u00fcresi":"10 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","@id":"https:\/\/www.cenuta.com\/blog\/#organization","name":"Cenuta Telekom\u00fcnikasyon Anonim \u015eirketi","url":"https:\/\/www.cenuta.com\/blog\/","sameAs":["https:\/\/www.facebook.com\/cenutacom","https:\/\/www.instagram.com\/cenutacom\/","https:\/\/www.linkedin.com\/company\/cenuta","https:\/\/www.youtube.com\/cenuta","https:\/\/twitter.com\/cenutacom"],"logo":{"@type":"ImageObject","@id":"https:\/\/www.cenuta.com\/blog\/#logo","inLanguage":"tr","url":"https:\/\/www.cenuta.com\/blog\/wp-content\/uploads\/2020\/08\/logo_siyah.png","contentUrl":"https:\/\/www.cenuta.com\/blog\/wp-content\/uploads\/2020\/08\/logo_siyah.png","width":805,"height":200,"caption":"Cenuta Telekom\u00fcnikasyon Anonim \u015eirketi"},"image":{"@id":"https:\/\/www.cenuta.com\/blog\/#logo"}},{"@type":"WebSite","@id":"https:\/\/www.cenuta.com\/blog\/#website","url":"https:\/\/www.cenuta.com\/blog\/","name":"Cenuta Blog","description":"","publisher":{"@id":"https:\/\/www.cenuta.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.cenuta.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"tr"},{"@type":"ImageObject","@id":"https:\/\/www.cenuta.com\/blog\/tipografi-nedir-web-ve-grafik-tasarimda-dogru-font-kullanimi-ve-dizgi-kurallari\/#primaryimage","inLanguage":"tr","url":"https:\/\/www.cenuta.com\/blog\/wp-content\/uploads\/2026\/08\/tipografi.webp","contentUrl":"https:\/\/www.cenuta.com\/blog\/wp-content\/uploads\/2026\/08\/tipografi.webp","width":1200,"height":800},{"@type":"WebPage","@id":"https:\/\/www.cenuta.com\/blog\/tipografi-nedir-web-ve-grafik-tasarimda-dogru-font-kullanimi-ve-dizgi-kurallari\/#webpage","url":"https:\/\/www.cenuta.com\/blog\/tipografi-nedir-web-ve-grafik-tasarimda-dogru-font-kullanimi-ve-dizgi-kurallari\/","name":"Tipografi Nedir? Web ve Grafik Tasar\u0131mda Do\u011fru Font Kullan\u0131m\u0131 ve Dizgi Kurallar\u0131 - Cenuta Blog","isPartOf":{"@id":"https:\/\/www.cenuta.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cenuta.com\/blog\/tipografi-nedir-web-ve-grafik-tasarimda-dogru-font-kullanimi-ve-dizgi-kurallari\/#primaryimage"},"datePublished":"2026-08-23T22:11:12+00:00","dateModified":"2026-08-23T22:11:13+00:00","breadcrumb":{"@id":"https:\/\/www.cenuta.com\/blog\/tipografi-nedir-web-ve-grafik-tasarimda-dogru-font-kullanimi-ve-dizgi-kurallari\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cenuta.com\/blog\/tipografi-nedir-web-ve-grafik-tasarimda-dogru-font-kullanimi-ve-dizgi-kurallari\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.cenuta.com\/blog\/tipografi-nedir-web-ve-grafik-tasarimda-dogru-font-kullanimi-ve-dizgi-kurallari\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Ana sayfa","item":"https:\/\/www.cenuta.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Tipografi Nedir? Web ve Grafik Tasar\u0131mda Do\u011fru Font Kullan\u0131m\u0131 ve Dizgi Kurallar\u0131"}]},{"@type":"Article","@id":"https:\/\/www.cenuta.com\/blog\/tipografi-nedir-web-ve-grafik-tasarimda-dogru-font-kullanimi-ve-dizgi-kurallari\/#article","isPartOf":{"@id":"https:\/\/www.cenuta.com\/blog\/tipografi-nedir-web-ve-grafik-tasarimda-dogru-font-kullanimi-ve-dizgi-kurallari\/#webpage"},"author":{"@id":"https:\/\/www.cenuta.com\/blog\/#\/schema\/person\/0732262cd1d893b0f6ff806f442df9d5"},"headline":"Tipografi Nedir? Web ve Grafik Tasar\u0131mda Do\u011fru Font Kullan\u0131m\u0131 ve Dizgi Kurallar\u0131","datePublished":"2026-08-23T22:11:12+00:00","dateModified":"2026-08-23T22:11:13+00:00","mainEntityOfPage":{"@id":"https:\/\/www.cenuta.com\/blog\/tipografi-nedir-web-ve-grafik-tasarimda-dogru-font-kullanimi-ve-dizgi-kurallari\/#webpage"},"wordCount":1928,"publisher":{"@id":"https:\/\/www.cenuta.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.cenuta.com\/blog\/tipografi-nedir-web-ve-grafik-tasarimda-dogru-font-kullanimi-ve-dizgi-kurallari\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cenuta.com\/blog\/wp-content\/uploads\/2026\/08\/tipografi.webp","inLanguage":"tr"},{"@type":"Person","@id":"https:\/\/www.cenuta.com\/blog\/#\/schema\/person\/0732262cd1d893b0f6ff806f442df9d5","name":"Baran O","image":{"@type":"ImageObject","@id":"https:\/\/www.cenuta.com\/blog\/#personlogo","inLanguage":"tr","url":"https:\/\/secure.gravatar.com\/avatar\/1e4899262d57e005522a1b8ea0b9dea4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1e4899262d57e005522a1b8ea0b9dea4?s=96&d=mm&r=g","caption":"Baran O"}}]}},"_links":{"self":[{"href":"https:\/\/www.cenuta.com\/blog\/wp-json\/wp\/v2\/posts\/23864","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cenuta.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cenuta.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cenuta.com\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cenuta.com\/blog\/wp-json\/wp\/v2\/comments?post=23864"}],"version-history":[{"count":1,"href":"https:\/\/www.cenuta.com\/blog\/wp-json\/wp\/v2\/posts\/23864\/revisions"}],"predecessor-version":[{"id":23866,"href":"https:\/\/www.cenuta.com\/blog\/wp-json\/wp\/v2\/posts\/23864\/revisions\/23866"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cenuta.com\/blog\/wp-json\/wp\/v2\/media\/23865"}],"wp:attachment":[{"href":"https:\/\/www.cenuta.com\/blog\/wp-json\/wp\/v2\/media?parent=23864"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cenuta.com\/blog\/wp-json\/wp\/v2\/categories?post=23864"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cenuta.com\/blog\/wp-json\/wp\/v2\/tags?post=23864"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}