{"id":11584,"date":"2018-05-28T09:13:44","date_gmt":"2018-05-28T07:13:44","guid":{"rendered":"https:\/\/ihs.com.tr\/blog\/?p=11584"},"modified":"2019-01-18T12:32:22","modified_gmt":"2019-01-18T10:32:22","slug":"wordpress-web-sitenize-google-fontlari-ekleyin","status":"publish","type":"post","link":"https:\/\/www.ihs.com.tr\/blog\/wordpress-web-sitenize-google-fontlari-ekleyin\/","title":{"rendered":"WordPress Web Sitenize Google Fontlar\u0131 Ekleyin"},"content":{"rendered":"<p><span style=\"font-size: 14pt;\"><strong>Web Sitenizde Do\u011fru Fontu Kullan\u0131yor Musunuz?<\/strong><\/span><\/p>\n<p><span style=\"font-size: 14pt;\">Mobil internet kullan\u0131c\u0131lar\u0131n\u0131n giderek artmas\u0131 sonucunda do\u011fru yaz\u0131 tiplerini bulmak ve kullanmak tasar\u0131mc\u0131lar, yay\u0131nc\u0131lar ve sat\u0131c\u0131lar i\u00e7in \u00f6nemli bir proje haline gelmi\u015ftir. Buna \u00f6rnek olarak BBC ve Guardian&#8217;\u0131 verebiliriz. Bu dev medya\/haber siteleri k\u0131sa bir s\u00fcre \u00f6nce mobil cihazlarda daha iyi bir okuma deneyimi sunmak i\u00e7in tasarlanan yeni fontlar\u0131n\u0131 kullanmaya ba\u015flad\u0131.<\/span><\/p>\n<p><span style=\"font-size: 14pt;\">Bu dev \u015firketler kadar b\u00fct\u00e7eniz olmasa bile yine de daha iyi okunabilirlik, daha tutarl\u0131 bir g\u00f6r\u00fcn\u00fcm, daha h\u0131zl\u0131 sayfa y\u00fcklenme s\u00fcreleri ve daha iyi SEO i\u00e7in yaz\u0131 tiplerinizi g\u00fcncelleyebilece\u011finiz \u00e7e\u015fitli yollar mevcut.<\/span><\/p>\n<p><span style=\"font-size: 14pt;\"><strong>Web Siteniz \u0130\u00e7in En Do\u011fru Fontlar Hangileridir?<\/strong><\/span><\/p>\n<p><span style=\"font-size: 14pt;\">Basit bir iste\u011finizin olmas\u0131 ya da t\u00fcm se\u00e7enekleri tek tek incelemek istiyor olman\u0131z hi\u00e7 fark etmez, do\u011fru fontlara ula\u015fmak asl\u0131nda ger\u00e7ekten \u00e7ok kolay. <strong>Herkesin kolayl\u0131kla indirebilece\u011fi ve kullanabilece\u011fi binlerce a\u00e7\u0131k kaynakl\u0131 font t\u00fcr\u00fc mevcut.<\/strong> Bunun yan\u0131nda ayr\u0131ca sat\u0131n al\u0131nabilir durumda olan binlercesi daha mevcut.<\/span><\/p>\n<p><strong><span style=\"font-size: 14pt;\">E\u011fer web sitenizin kendisini ve okunabilirli\u011fini daha h\u0131zl\u0131 hale getirmek istiyorsan\u0131z muhtemelen Google Fonts sizin i\u00e7in en iyi se\u00e7enektir. Bu a\u00e7\u0131k kaynakl\u0131 fontlar \u00f6zellikle k\u00fc\u00e7\u00fck ekranlar i\u00e7in okuma deneyimini kolayla\u015ft\u0131r\u0131yor ve sayfa y\u00fcklenme s\u00fcrelerini h\u0131zland\u0131r\u0131yor.<\/span><\/strong><\/p>\n<p><span style=\"font-size: 14pt;\">Bu haberimizde Google Fonts&#8217;un sundu\u011fu 848 fonttan bahsedece\u011fiz. Se\u00e7imi daraltmak i\u00e7in de baz\u0131 temel yaz\u0131 tipi se\u00e7im ilkelerini uygulayaca\u011f\u0131z.<\/span><\/p>\n<ul>\n<li><span style=\"font-size: 14pt;\"><strong>2 ya da 3 fonta sahip olmak \u00e7o\u011fu web sitesi i\u00e7in idealdir.<\/strong> Tek bir fontu kullanmay\u0131 tercih ederseniz web siteniz steril g\u00f6r\u00fcnebilir ve ziyaret\u00e7ileriniz hangi metnin ba\u015fl\u0131k, hangisinin ana metin oldu\u011funu anlamakta zorlanabilir. Ya da 2-3 fonttan daha fazlas\u0131na sahip olursan\u0131z web siteniz karma\u015f\u0131k ve amat\u00f6r g\u00f6r\u00fcnebilir.<\/span><\/li>\n<li><span style=\"font-size: 14pt;\"><strong>G\u00f6rsel bir hiyerar\u015fi olu\u015fturmak i\u00e7in fontlar\u0131 se\u00e7erken baz\u0131 farkl\u0131l\u0131klara dikkat edin.<\/strong> \u00d6rne\u011fin; ba\u015fl\u0131klar i\u00e7in daha kal\u0131n ya da serif bir yaz\u0131 tipini se\u00e7ebilirsiniz, ana metin i\u00e7in de daha basit sans serif yaz\u0131 tiplerini se\u00e7ebilirsiniz. B\u00f6ylelikle mobil cihazlardaki deneyimi de geli\u015ftirmi\u015f olursunuz.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 14pt;\">Google Design, amat\u00f6r olanlar ve yeni ba\u015flayanlar i\u00e7in web sitelerine en uygun fontu se\u00e7erken nelere dikkat etmeleri gerekti\u011fini daha \u00f6nce <a href=\"https:\/\/design.google\/library\/choosing-web-fonts-beginners-guide\/\" target=\"_blank\" rel=\"nofollow\">bu k\u0131lavuzunda<\/a> a\u00e7\u0131klam\u0131\u015ft\u0131. \u0130lgili k\u0131lavuzun \u00f6nemli noktalar\u0131n\u0131 sizler i\u00e7in bir araya getirdik:<\/span><\/p>\n<ul>\n<li><span style=\"font-size: 14pt;\">Sitenizin tasar\u0131m\u0131 uzun vadeli mi yoksa k\u0131sa vadeli mi planland\u0131? Uzun vadeli tasar\u0131mlar genellikle daha fazla fonta ihtiya\u00e7 duyarlar.<\/span><\/li>\n<li><span style=\"font-size: 14pt;\">Metin bloklar\u0131n\u0131z ne kadar olacak? E\u011fer 5 ya da daha fazla paragraf d\u00fc\u015f\u00fcn\u00fcyorsan\u0131z serif fontlar sizin i\u00e7in daha uygun olacakt\u0131r.<\/span><\/li>\n<li><span style=\"font-size: 14pt;\">Boyutlar\u0131 ne olacak? K\u00fc\u00e7\u00fck boyutlu cihazlar i\u00e7in k\u00fc\u00e7\u00fck fontlar\u0131n okunmas\u0131 daha kolayd\u0131r fakat ba\u015fl\u0131klar\u0131 belirginle\u015ftirdi\u011finizden emin olun.<\/span><\/li>\n<li><span style=\"font-size: 14pt;\">Ziyaret\u00e7ileriniz web sitenizi ba\u015fka dillere \u00e7evirecek mi? E\u011fer cevab\u0131n\u0131z &#8220;evet&#8221; ise \u00e7oklu karakterleri destekleyen bir fontu se\u00e7melisiniz. B\u00f6ylece \u00e7eviriler daha d\u00fczg\u00fcn g\u00f6r\u00fcnt\u00fclenebilir.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 14pt;\">K\u0131lavuz bunlar\u0131n d\u0131\u015f\u0131nda ayr\u0131ca ba\u015flaman\u0131za yard\u0131mc\u0131 olabilecek birka\u00e7 yaz\u0131 tipini de \u00f6neriyor. Google Fonts k\u00fct\u00fcphanesine ula\u015fmak i\u00e7in <a href=\"https:\/\/fonts.google.com\" target=\"_blank\" rel=\"nofollow\">buraya<\/a> t\u0131klay\u0131n\u0131z.<\/span><\/p>\n<p><span style=\"font-size: 14pt;\"><strong>Siteniz \u0130\u00e7in Do\u011fru Google Fontu Bulma<\/strong><\/span><\/p>\n<p><span style=\"font-size: 14pt;\">Google Fontlar\u0131 ke\u015ffetmeye haz\u0131r oldu\u011funuz zaman sizin i\u00e7in en do\u011fru olan\u0131n\u0131 se\u00e7mek biraz zor olabilir. Google Fonts&#8217;un k\u00fct\u00fcphanesine gidelim, \u00f6rnek olarak bir\u00a0X i\u015fletmesine sahip oldu\u011funuzu d\u00fc\u015f\u00fcnelim ve ba\u015fl\u0131k i\u00e7in hangi fontlar\u0131 tercih edebilece\u011finizi tart\u0131\u015fal\u0131m:<\/span><\/p>\n<ul>\n<li><span style=\"font-size: 14pt;\">Google Fonts&#8217;un sayfan\u0131n sa\u011f taraf\u0131ndaki arama filtreleme k\u0131sm\u0131ndan serif kategorisini se\u00e7ebilirsiniz ve sonu\u00e7lar\u0131 ya\u015fa, pop\u00fclerli\u011fe ve isme g\u00f6re alfabetik olarak s\u0131ralayabilirsiniz.<\/span><\/li>\n<li><span style=\"font-size: 14pt;\">Languages(diller) se\u00e7ene\u011finin hemen alt\u0131ndan Latin Alfabesini se\u00e7erek aramay\u0131 daraltabilirsiniz.<\/span><\/li>\n<li><span style=\"font-size: 14pt;\">Diller se\u00e7ene\u011finin de hemen alt\u0131ndaki men\u00fcden fontlara; kal\u0131nl\u0131k, e\u011fim, geni\u015flik gibi ince ayarlar yapabilirsiniz.<\/span><\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.ihs.com.tr\/blog\/wp-content\/uploads\/2018\/05\/0.png\" data-rel=\"penci-gallery-image-content\" rel=\"attachment wp-att-11586\"><img decoding=\"async\" class=\"alignnone size-full wp-image-11586\" src=\"https:\/\/www.ihs.com.tr\/blog\/wp-content\/uploads\/2018\/05\/0.png\" alt=\"google-font-yukleme\" width=\"1322\" height=\"897\" srcset=\"https:\/\/www.ihs.com.tr\/blog\/wp-content\/uploads\/2018\/05\/0.png 1322w, https:\/\/www.ihs.com.tr\/blog\/wp-content\/uploads\/2018\/05\/0-300x204.png 300w, https:\/\/www.ihs.com.tr\/blog\/wp-content\/uploads\/2018\/05\/0-1024x695.png 1024w, https:\/\/www.ihs.com.tr\/blog\/wp-content\/uploads\/2018\/05\/0-1170x794.png 1170w, https:\/\/www.ihs.com.tr\/blog\/wp-content\/uploads\/2018\/05\/0-585x397.png 585w\" sizes=\"(max-width: 1322px) 100vw, 1322px\" \/><\/a><\/p>\n<p><span style=\"font-size: 14pt;\"><em>\u2018Serif\u2019<\/em> ve <em>\u2018Latince\u2019<\/em> se\u00e7enekleri sayesinde aramam\u0131z 176 se\u00e7ene\u011fe kadar darald\u0131. Bress Serif isimli font iyi g\u00f6r\u00fcn\u00fcyor. Sizin metninizi nas\u0131l g\u00f6sterece\u011fini belirlemek i\u00e7in hemen alt\u0131nda yer alan kutucuktaki metni silebilir ve kendi metninizi yap\u0131\u015ft\u0131rabilirsiniz. Ayr\u0131ca dilerseniz <em>\u2018apply to all fonts\u2019<\/em> se\u00e7ene\u011fine t\u0131klayarak ilgili metni t\u00fcm fontlara uygulayabilirsiniz, b\u00f6ylelikle yeniden yazman\u0131z gerekmez.<\/span><\/p>\n<p><a href=\"https:\/\/www.ihs.com.tr\/blog\/wp-content\/uploads\/2018\/05\/1.png\" data-rel=\"penci-gallery-image-content\" rel=\"attachment wp-att-11587\"><img decoding=\"async\" class=\"size-full wp-image-11587 aligncenter\" src=\"https:\/\/www.ihs.com.tr\/blog\/wp-content\/uploads\/2018\/05\/1.png\" alt=\"google-font-yukleme1\" width=\"742\" height=\"476\" srcset=\"https:\/\/www.ihs.com.tr\/blog\/wp-content\/uploads\/2018\/05\/1.png 742w, https:\/\/www.ihs.com.tr\/blog\/wp-content\/uploads\/2018\/05\/1-300x192.png 300w, https:\/\/www.ihs.com.tr\/blog\/wp-content\/uploads\/2018\/05\/1-585x375.png 585w\" sizes=\"(max-width: 742px) 100vw, 742px\" \/><\/a><\/p>\n<p><span style=\"font-size: 14pt;\">Metninizin font b\u00fcy\u00fckl\u00fc\u011f\u00fcn\u00fc 8&#8217;den 112&#8217;ye kadar herhangi bir de\u011fer olarak belirleyebilirsiniz. Ayr\u0131ca soldaki men\u00fcden metninizin c\u00fcmle i\u00e7inde ya da paragrafta nas\u0131l g\u00f6r\u00fcnd\u00fc\u011f\u00fcn\u00fc g\u00f6rebilirsiniz ve yine ayn\u0131 yerden ilgili fonta ait alfabeyi ve rakamlar\u0131 g\u00f6rebilirsiniz.<\/span><\/p>\n<p><a href=\"https:\/\/www.ihs.com.tr\/blog\/wp-content\/uploads\/2018\/05\/2.png\" data-rel=\"penci-gallery-image-content\" rel=\"attachment wp-att-11588\"><img decoding=\"async\" class=\"size-full wp-image-11588 aligncenter\" src=\"https:\/\/www.ihs.com.tr\/blog\/wp-content\/uploads\/2018\/05\/2.png\" alt=\"google-font-yukleme2\" width=\"734\" height=\"565\" srcset=\"https:\/\/www.ihs.com.tr\/blog\/wp-content\/uploads\/2018\/05\/2.png 734w, https:\/\/www.ihs.com.tr\/blog\/wp-content\/uploads\/2018\/05\/2-300x231.png 300w, https:\/\/www.ihs.com.tr\/blog\/wp-content\/uploads\/2018\/05\/2-585x450.png 585w\" sizes=\"(max-width: 734px) 100vw, 734px\" \/><\/a><\/p>\n<p><span style=\"font-size: 14pt;\">Daha sonra &#8220;+&#8221; se\u00e7ene\u011fine t\u0131klayarak Bree Serif&#8217;i kullanmak istedi\u011finiz yaz\u0131 tiplerinin aras\u0131na ekleyebilirsiniz. Y\u00fcklemeye karar verdi\u011finiz zaman da en altta yer alacak olan siyah \u00e7ubu\u011fu b\u00fcy\u00fcterek web sitenize g\u00f6mmek i\u00e7in kullanabilece\u011finiz HTML ve CSS kodunuzu g\u00f6rebilirsiniz. Bu i\u015flemleri istedi\u011finiz say\u0131da font i\u00e7in uygulayabilirsiniz fakat alaca\u011f\u0131 zaman ve kaplayaca\u011f\u0131 alan nedeniyle Google sadece ihtiyac\u0131n\u0131z olanlar\u0131 indirmenizi \u00f6neriyor.<\/span><\/p>\n<p><a href=\"https:\/\/www.ihs.com.tr\/blog\/wp-content\/uploads\/2018\/05\/3.png\" data-rel=\"penci-gallery-image-content\" rel=\"attachment wp-att-11589\"><img decoding=\"async\" class=\"alignnone size-full wp-image-11589\" src=\"https:\/\/www.ihs.com.tr\/blog\/wp-content\/uploads\/2018\/05\/3.png\" alt=\"google-font-yukleme3\" width=\"1548\" height=\"778\" srcset=\"https:\/\/www.ihs.com.tr\/blog\/wp-content\/uploads\/2018\/05\/3.png 1548w, https:\/\/www.ihs.com.tr\/blog\/wp-content\/uploads\/2018\/05\/3-300x151.png 300w, https:\/\/www.ihs.com.tr\/blog\/wp-content\/uploads\/2018\/05\/3-1024x515.png 1024w, https:\/\/www.ihs.com.tr\/blog\/wp-content\/uploads\/2018\/05\/3-1170x588.png 1170w, https:\/\/www.ihs.com.tr\/blog\/wp-content\/uploads\/2018\/05\/3-585x294.png 585w\" sizes=\"(max-width: 1548px) 100vw, 1548px\" \/><\/a><\/p>\n<p><span style=\"font-size: 14pt;\"><strong>Google Fontlar\u0131n\u0131 Sitenizde Nas\u0131l Kullanabilirsiniz?<\/strong><\/span><\/p>\n<p><span style=\"font-size: 14pt;\">Kendi site kodlar\u0131n\u0131 d\u00fczenleme becerisine sahip olanlar i\u00e7in bu i\u015flem kolay. Fakat yeni ba\u015flayanlar i\u00e7in ak\u0131llarda soru i\u015faretleri olabilir. Merak etmeyin <strong>Google Fontlar\u0131n\u0131 sizin yerinize y\u00fckleyebilen ve \u00e7al\u0131\u015ft\u0131rabilen \u00e7e\u015fitli WordPress eklentileri mevcut.<\/strong> Bu eklentilerden en pop\u00fcler olan 300.000&#8217;den fazla kurulumuyla <a href=\"https:\/\/wordpress.org\/plugins\/easy-google-fonts\/\" target=\"_blank\" rel=\"nofollow\">Easy Google Fonts<\/a>. Bu eklenti sayesinde herhangi bir manuel kodlama i\u015flemi yapmadan Google Fontlar\u0131 edinebilirsiniz.<\/span><\/p>\n<p><span style=\"font-size: 14pt;\">Eklenti, WordPress Customize k\u0131sm\u0131na yeni bir men\u00fc ekler ve buradan ba\u015fl\u0131k, metin, fontlar, t\u00fcrler, renkler, di\u011fer metin \u00f6\u011feleri gibi bir\u00e7ok \u015feyi \u00f6zelle\u015ftirebilirsiniz. Ayr\u0131ca yapt\u0131\u011f\u0131n\u0131z de\u011fi\u015fikliklerin e\u015f zamanl\u0131 olarak \u00f6nizlemesini g\u00f6rebilirsiniz. (De\u011fi\u015fiklikleri kaydedip yay\u0131nlayana kadar hi\u00e7bir ziyaret\u00e7iniz bunlar\u0131 g\u00f6rmeyecektir.)<\/span><\/p>\n<p><span style=\"font-size: 14pt;\"><strong>Fontlar\u0131n\u0131z\u0131 ve Web Sitenizi G\u00fcncel Tutun<\/strong><\/span><\/p>\n<p><span style=\"font-size: 14pt;\">Web sitenizin fontlar\u0131n\u0131 g\u00fcncelleyerek sadece g\u00fcncel bir g\u00f6r\u00fcn\u00fcm sunmakla kalm\u0131yor, ayn\u0131 zamanda daha iyi bir kullan\u0131c\u0131 deneyimi de sunuyorsunuz. Mobil cihazlar\u0131n ne kadar pop\u00fcler oldu\u011funu d\u00fc\u015f\u00fcn\u00fcrsek web site ziyaret\u00e7ilerinizin bir\u00e7o\u011funun mobil cihazlar \u00fczerinden sizi ziyaret etti\u011fini s\u00f6yleyebiliriz. Fontlar\u0131n\u0131z\u0131 g\u00fcncelleyerek bu ki\u015filer i\u00e7in ekran okunabilirli\u011fini art\u0131rabilir ve daha h\u0131zl\u0131 y\u00fckleme s\u00fcreleri sunabilirsiniz.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Web Sitenizde Do\u011fru Fontu Kullan\u0131yor Musunuz? Mobil internet kullan\u0131c\u0131lar\u0131n\u0131n giderek artmas\u0131 sonucunda do\u011fru yaz\u0131 tiplerini bulmak ve kullanmak tasar\u0131mc\u0131lar, yay\u0131nc\u0131lar ve sat\u0131c\u0131lar&hellip;<\/p>\n","protected":false},"author":3,"featured_media":11585,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,401,397],"tags":[],"class_list":["post-11584","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-haberler","category-web-tasarim","category-wordpress"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/posts\/11584","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/comments?post=11584"}],"version-history":[{"count":2,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/posts\/11584\/revisions"}],"predecessor-version":[{"id":11663,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/posts\/11584\/revisions\/11663"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/media\/11585"}],"wp:attachment":[{"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/media?parent=11584"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/categories?post=11584"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/tags?post=11584"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}