{"id":132,"date":"2013-09-23T09:56:32","date_gmt":"2013-09-23T09:56:32","guid":{"rendered":"https:\/\/www.templatemonster.com\/tr\/blog\/?p=132"},"modified":"2015-03-04T13:49:50","modified_gmt":"2015-03-04T13:49:50","slug":"tasarimlarinizda-ozel-karakterler-kullanmaniz-icin-bazi-secenekler","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/tr\/tasarimlarinizda-ozel-karakterler-kullanmaniz-icin-bazi-secenekler\/","title":{"rendered":"Tasar\u0131mlar\u0131n\u0131z&#8217;da \u00d6zel Yaz\u0131 Tipleri Kullanabilmeniz \u0130\u00e7in Baz\u0131 Se\u00e7enekler"},"content":{"rendered":"<p>Sizlere\u00a0<a href=\"https:\/\/www.templatemonster.com\/blog\/tr\/yazi-fontlarina-turkce-ogretelim\/\" target=\"_blank\">Yaz\u0131 Font\u2019lar\u0131m\u0131za Nas\u0131l T\u00fcrk\u00e7e \u00d6\u011fretmemiz gerekti\u011fi<\/a>\u00a0hakk\u0131nda bilgi vermi\u015ftik. \u00a0\u015eimdi ise yaz\u0131 font\u2019lar\u0131m\u0131z\u0131 nas\u0131l web sitelerimizde nas\u0131l kullanabilece\u011fimiz hakk\u0131nda bilgiler vermek istiyorum. Asl\u0131na bakarsan\u0131z bunun bir \u00e7ok yolu var ben sizler i\u00e7in kullan\u0131m\u0131 en kolay ve pratik olanlar\u0131 (Google Font API, Cofon, @FontFace) haz\u0131rlamak istedim, birlikte uygulamalar\u0131 yaparak art\u0131 ve eksilerini inceleyelim.<\/p>\n<p><strong>Google Font API Nedir ?<\/strong><\/p>\n<p>Google Font API ad\u0131ndan da kolayl\u0131kla anlayabilece\u011fimiz gibi, Google taraf\u0131ndan uyarlanm\u0131\u015f bir yaz\u0131 tipi k\u00fct\u00fcphanesi diyebiliriz. \u00a0Google font dizinde bar\u0131nd\u0131r\u0131lan yaz\u0131 tiplerini Google Font API arac\u0131l\u0131\u011f\u0131 ile web sayfalar\u0131m\u0131zda kullanabilmemiz i\u00e7in d\u00fczenlenmi\u015f \u00fccretsiz yaz\u0131 fontlar\u0131n\u0131 bar\u0131nd\u0131rmakta ve bizlerin kullan\u0131m\u0131na \u00fccretsiz olarak sunmaktad\u0131r.<\/p>\n<p>\u0130nternet sayfalar\u0131m\u0131zda farkl\u0131 yaz\u0131 tiplerini kolayl\u0131kla kullanmam\u0131za yard\u0131mc\u0131 olur. \u00a0Asl\u0131nda ilk bakt\u0131\u011f\u0131m\u0131z\u2019da kula\u011fa ho\u015f geliyor, fakat T\u00fcrkiye\u2019de ki kullan\u0131c\u0131lar\u0131n hepsi ayn\u0131 \u015feyi d\u00fc\u015f\u00fcnm\u00fcyor \u00e7\u00fcnk\u00fc yaz\u0131 tiplerinin bir \u00e7o\u011fu T\u00fcrk\u00e7e karakter i\u00e7ermedi\u011fi i\u00e7in T\u00fcrk tasar\u0131mc\u0131lar\u0131 bu olaydan k\u00f6t\u00fc etkileniyor. Taray\u0131c\u0131 baz\u0131nda bakt\u0131\u011f\u0131m\u0131z zaman ise taray\u0131c\u0131lar aras\u0131 k\u00fc\u00e7\u00fck farkl\u0131l\u0131klar olabiliyor ama iyi bir tasar\u0131mc\u0131 iseniz bunun \u00fcstesinden gelmeniz m\u00fcmk\u00fcn her yaz\u0131 fontu i\u00e7in olmasa da ger\u00e7ekten i\u015fimizi ger\u00e7ekten kolayla\u015ft\u0131r\u0131yor.<\/p>\n<p><strong>\u015eimdi bir bir Google Font API nas\u0131l kullan\u0131l\u0131yor \u015fimdi isterseniz onu ele alal\u0131m.<\/strong><\/p>\n<p>\u0130lk olarak, \u00a0<a href=\"http:\/\/www.google.com\/fonts\" rel=\"nofollow\" target=\"_blank\" class=\"broken_link\">http:\/\/www.google.com\/fonts<\/a>\u00a0sayfas\u0131n\u0131 ziyaret ediyoruz. Daha sonra,\u00a0ben T\u00fcrk\u00e7e bir sayfada kullanaca\u011f\u0131m\u0131z\u0131 g\u00f6z \u00f6n\u00fcnde bulundurarak,\u00a0<strong>Preview Text\u00a0<\/strong>\u2018in kar\u015f\u0131l\u0131\u011f\u0131na<\/p>\n<ul>\n<li>Aa Bb Cc \u00c7\u00e7 Dd Ee Ff Gg \u011e\u011f Hh I\u0131 \u0130i Jj Kk Ll Mm Nn Oo \u00d6\u00f6 Pp Rr Ss \u015e\u015f Tt Uu \u00dc\u00fc Vv Yy Zz 1234567890<\/li>\n<\/ul>\n<p>T\u00fcrk\u00e7e alfabe olarak belirledim ve gerekli g\u00f6r\u00fcnt\u00fcleme ayarlar\u0131 yapt\u0131m (boyutu vb.) \u015fimdi gelelim hangi yaz\u0131 tipleri bizim i\u00e7in uygun olarak hangisini kullanabiliriz.<\/p>\n<p><a href=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2013\/09\/googlefont.jpg\" target=\"_blank\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" alt=\"googlefont\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2013\/09\/googlefont.jpg\" width=\"620\" height=\"247\" \/><\/a><\/p>\n<p>Yukar\u0131da da g\u00f6rebilece\u011fimiz gibi bizim i\u00e7in en uygun olan yaz\u0131 fontu\u00a0<strong>Ribeye\u00a0<\/strong>hi\u00e7 zaman kaybetmeden direk olarak Quick-use butonuna t\u0131kl\u0131yorum. Kar\u015f\u0131ma \u00e7\u0131kan ilk sayfada \u00a0\u201d<em>1.Choose the styles you want<\/em>\u201d \u00a0\u0130stedi\u011fimiz sitilleri se\u00e7memizi s\u00f6yl\u00fcyor, stil\u2019lerimizi belirledik \u2013 \u201c<em>2.Choose the character sets you want<\/em>\u201d \u0130stedi\u011fimiz karakter setlerini se\u00e7memizi istiyor, \u201c<em>Add this code to your website<\/em>\u201d kodu veb sitemize eklememizi istiyor. Bunu\u00a0<strong>Standart Css<\/strong>,\u00a0<strong>@import<\/strong>\u00a0veya\u00a0<strong>js Script\u00a0<\/strong>ile yapabiliriz ve son olarak \u201c<em>Integrate the fonts into your CSS<\/em>\u201d Kullanmak istedi\u011fimiz\u00a0yaz\u0131\u00a0i\u00e7erisine entegre edelim. Kullan\u0131m\u0131 olduk\u00e7a basit oldu\u011fundan kod yap\u0131s\u0131n\u0131 payla\u015fmaya gerek duymad\u0131m.<\/p>\n<p id=\"credit\"><strong>Cofon Nedir \u00a0?<\/strong><\/p>\n<p>Cufon belli bir java script deste\u011fi ile \u00e7al\u0131\u015fan istedi\u011fimiz herhangi bir yaz\u0131 tipini \"<em>T\u00fcrk\u00e7e yaz\u0131 karakterleri dahil<\/em>\" web sitelerimizde kullanmam\u0131za olanak sa\u011flar. T\u00fcm taray\u0131c\u0131larda hi\u00e7 bir sorun te\u015fkil etmeden \u00e7al\u0131\u015f\u0131r ve ayr\u0131ca kalite d\u00fczeyi yeniden yap\u0131land\u0131r\u0131larak kendisinden ba\u015fka hi\u00e7 bir \u015feye ihtiya\u00e7 duymaz.<\/p>\n<p>Bana g\u00f6re tek k\u00f6t\u00fc \u00f6zelli\u011fi yaz\u0131 fontlar\u0131n\u0131 internet sitemizde .PNG format\u0131nda g\u00f6stermesi ve bu da yaz\u0131n\u0131n kopyalanmas\u0131n\u0131 imkans\u0131z bir hale getirir, fakat yinede kullanabilece\u011fimiz ba\u015fl\u0131klar i\u00e7in m\u00fckemmel bir \u00e7\u00f6z\u00fcm olabilir.<\/p>\n<p><strong>\u00a0Cufon'un nas\u0131l kullan\u0131ld\u0131\u011f\u0131n\u0131 ele alacak olursak:<\/strong><\/p>\n<p><a href=\"http:\/\/cufon.shoqolate.com\/generate\/\" target=\"_blank\" rel=\"nofollow\">cufon.shoqolate.com\/generate<\/a>\u00a0 resmi sitesini ziyaret edelim. Yaz\u0131 tipimizi kay\u0131t edebilece\u011fimiz ve \u00e7e\u015fitli ayarlar\u0131 yapabilece\u011fimiz bir panel ile kar\u015f\u0131la\u015faca\u011f\u0131z. \u0130lk kar\u015f\u0131m\u0131za \u00e7\u0131kan\u00a0<strong>Regular typeface<\/strong>,\u00a0<strong>Bold typeface (optional)<\/strong>,\u00a0<strong>talic typeface (optional)<\/strong>,\u00a0<strong>Bold Italic typeface (optional) \u00a0<\/strong>yaz\u0131 tipimizi hangi \u00f6zelli\u011fe g\u00f6re y\u00fcklemek istedi\u011fimizi soran bir se\u00e7enek se\u00e7imimizi yapt\u0131ktan sonra,\u00a0<strong>The RULEs of these fonts allow Web Embedding (without Adobe Flash) <\/strong>adobe flash olmadan web kurallar\u0131na g\u00f6m\u00fclmesi i\u00e7in izin vermemiz gerekiyor daha sonraki a\u015fama,\u00a0<strong>include the following glyphs (if alailable) <\/strong>varsa\u00a0glifleri dahil etmemizi isteyen bir se\u00e7enek g\u00f6rece\u011fiz burada <strong>ALL\u00a0<\/strong>hepsini i\u015faretleyerek <strong>...and also these single characte\u00a0<\/strong>ve ayn\u0131 zamanda kendimizin de karakter ekleye bilece\u011fimizi s\u00f6yl\u00fcyor, e\u011fer yaz\u0131 tipimiz T\u00fcrk\u00e7e karakter i\u00e7ermiyor ise bu se\u00e7ene\u011fi kullan\u0131p T\u00fcrk\u00e7e karakterlerimizi girmeliyiz. (<em>Daha derinlemesine ayarlar kesinlikle yapabilirsiniz<\/em>) En son olarak\u00a0<strong>I acknowledge and accept these terms\u00a0<\/strong>kullan\u0131m \u015fartlar\u0131n\u0131 kabul ederek y\u00fckleme i\u015flemimize ba\u015flayabiliriz.<\/p>\n<p>Ben <strong>Harabara.ttf\u00a0<\/strong>isimli \u00fccretsiz bir font se\u00e7mi\u015ftim ve y\u00fckleme i\u015flemini ger\u00e7ekle\u015ftirdi\u011fimde bana<strong> Harabara_700.font.js<\/strong> isimli i\u00e7erisinde benim yaz\u0131 tipimi java script dosyas\u0131 \u00a0olarak sundu. \u00a0\u015eimdi h\u0131zl\u0131ca klas\u00f6r yap\u0131m\u0131 olu\u015ftura bilirim. <strong>\/Cufon\/js\/<\/strong> isimli klas\u00f6r\u00fcme bana vermi\u015f oldu\u011fu\u00a0<strong>Harabara_700.font.js <\/strong>dosyam\u0131 at\u0131yorum. \u00a0\u015eimdi dahil etmem gereken bir dosya daha var tekrardan\u00a0<a href=\"http:\/\/cufon.shoqolate.com\/generate\/\" target=\"_blank\" rel=\"nofollow\">cufon.shoqolate.com<\/a>\u00a0sitesine girip Download sekmesini t\u0131klayarak cufon'un \u00e7al\u0131\u015fmas\u0131 i\u00e7in bize verdi\u011fi \u00f6zel JavaSvript kodunu da dahil ediyorum.\u00a0<strong>\/Cufon\/js\/<\/strong><\/p>\n<p>\u015eimdi isterseniz kod yap\u0131lar\u0131 \u00fczerinden \u00f6rnekler ile gidelim. Cufon i\u00e7in olu\u015fturdu\u011fumuz JavaScript dosyam\u0131z ve JavaScript yaz\u0131 tipimiz.<\/p>\n<pre lang=\"PHP\" line=\"1\"><script type=\"text\/javascript\" src=\"js\/cufon_1.09i.js\"><\/script><script type=\"text\/javascript\" src=\"js\/Harabara_700.font.js\"><\/script><\/pre>\n<p>Peki \u015fimdi cufon'u nas\u0131l dahil edece\u011fiz? Bunun i\u00e7in \u00e7ok k\u0131sa bir kod yazmam\u0131z yeterli olacakt\u0131r a\u015f\u015fa\u011f\u0131da bulunan \u00f6rne\u011fi inceleyebilirsiniz.<\/p>\n<pre lang=\"PHP\" line=\"1\"><script type=\"text\/javascript\">\/\/ <![CDATA[\r\nCufon.replace ('h1');\r\n\/\/ ]]&gt;<\/script><\/pre>\n<p>Kod yap\u0131s\u0131n\u0131 inceledi\u011finizde ben ba\u015fl\u0131k etiketlerinin hepsine cufon uygulam\u0131\u015f oluyorum, peki ben ba\u015fl\u0131klar\u0131ma :hover \u00f6zelli\u011fi vermek istersem sizce \u00e7al\u0131\u015facak m\u0131d\u0131r? Tabi ki de \u00e7al\u0131\u015fmayacak, bu \u00a0bir sorun gibi g\u00f6z\u00fckse de asl\u0131nda sorun de\u011fildir hemen kodumuzda bir d\u00fczenleme yap\u0131yor ve :hover \u00f6zelli\u011finin aktif olmas\u0131n\u0131 sa\u011fl\u0131yoruz.<\/p>\n<pre lang=\"PHP\" line=\"1\">Cufon.replace ( 'h1','p','a', {hover:'true'});<\/pre>\n<p>\u015eu anda hover \u00f6zelli\u011fimiz sorunsuzca \u00e7al\u0131\u015facak ve ayr\u0131ca \u00f6rnek olmas\u0131 a\u00e7\u0131s\u0131ndan di\u011fer html etiketlerine nas\u0131l h\u00fckmede bilece\u011fimizi de uygulad\u0131m yukar\u0131da ki \u00f6rnekten kolayl\u0131kla anlayabilirsiniz.<\/p>\n<p><strong>SONU\u00c7 :<\/strong><br \/>\n<a href=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2013\/09\/Cufon.jpg\" target=\"_blank\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-151\" alt=\"Cufon\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2013\/09\/Cufon.jpg\" width=\"620\" height=\"117\" srcset=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2013\/09\/Cufon.jpg 620w, https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2013\/09\/Cufon-300x56.jpg 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/a><\/p>\n<p><strong><br \/>\n@FontFace \u00a0Nedir ?<br \/>\n<\/strong><\/p>\n<p>@FontFace Css2 teknolojisi \u00a0ile birlikte gelen fakat Css2'nin g\u00fcncellenen s\u00fcr\u00fcm\u00fc Css2.1 ile birtak\u0131m sorunlar ya\u015fanmas\u0131 ile rafa kald\u0131r\u0131lan ard\u0131ndan Css3 s\u00fcr\u00fcm\u00fc ile tekrardan kullan\u0131m\u0131m\u0131za olanak sa\u011flanm\u0131\u015ft\u0131r. Peki, @FontFace i\u015fleyi\u015fi nas\u0131l ger\u00e7ekle\u015fir? \u00a0Kullan\u0131c\u0131lar\u0131m\u0131z\u0131n sistemlerinde y\u00fckl\u00fc olmayan yaz\u0131 tiplerini belle\u011fe y\u00fckleyip (cache-ke\u015f belle\u011fine) kullanma ve g\u00f6r\u00fcnt\u00fcleme imkan\u0131 sa\u011flar.<\/p>\n<p>B\u00fct\u00fcn modern taray\u0131c\u0131lar\u0131 desteklese de tam verimli kullanabilmemiz i\u00e7in d\u00f6rt dosya haline getirmemiz gerekiyor (TTF - EOT - WOFF- SWG) bu formatlar\u0131 nas\u0131l olu\u015fturaca\u011f\u0131m der dedi\u011finizi duyar gibiyim, asl\u0131nda ilk olarak bak\u0131ld\u0131\u011f\u0131n da zor gibi g\u00f6z\u00fckse de bunu bizim i\u00e7in \u00fccretsiz olarak \u00e7eviren siteler mevcut \u015fimdi dilerseniz T\u00fcrk\u00e7e deste\u011fi de bulunan en pop\u00fcler Font Face Generator sitesini sizlerle payla\u015f\u0131p nas\u0131l bir yaz\u0131 fontunu bize laz\u0131m olan formatlara \u00e7evirebilece\u011fimizi inceleyelim.<\/p>\n<p>\u0130lk olarak yapmam\u0131z gereken\u00a0<a href=\"http:\/\/www.fontsquirrel.com\/tools\/webfont-generator\" target=\"_blank\" rel=\"nofollow\">fontsquirrel.com<\/a>\u00a0sitesine giri\u015f yaparak <strong>web font generator '<\/strong>\u00fcm\u00fcze ula\u015f\u0131yoruz, dilerseniz nas\u0131l y\u00fcklememiz gerekti\u011fini \u00f6rnek resim dosyas\u0131 \u00fczerinden inceleyelim.<\/p>\n<p><em>K\u00fc\u00e7\u00fck bir hat\u0131rlatma kulland\u0131\u011f\u0131m\u0131z yaz\u0131 fontu \u00fccretsiz ise \u00e7evirme i\u015flemini yapacakt\u0131r.<\/em><\/p>\n<p><strong>@FontFace Dosyalar\u0131m\u0131z\u0131 Nas\u0131l Elde Ederiz ve Kullanabiliriz.<\/strong><\/p>\n<p><a href=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2013\/09\/fontface.jpg\" target=\"_blank\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-156\" alt=\"fontface\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2013\/09\/fontface.jpg\" width=\"625\" height=\"1537\" srcset=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2013\/09\/fontface.jpg 625w, https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2013\/09\/fontface-416x1024.jpg 416w\" sizes=\"(max-width: 625px) 100vw, 625px\" \/><\/a><\/p>\n<p>Basit\u00e7e <strong>@FontFace<\/strong> kit 'imizi olu\u015fturduk, \u015fimdi ise y\u00fckledi\u011fimiz XXX.rar dosyam\u0131z\u0131n i\u00e7erisinden bize laz\u0131m olan dosyalar\u0131 alal\u0131m. \u00d6ncelikle dizin yap\u0131m\u0131z\u0131 olu\u015ftural\u0131m \/FontFace\/yazitipleri\/ dizin\u00a0i\u00e7erisine \u00a0\"TTF - EOT - WOFF- SWG'\" \u00a0dosyalar\u0131n\u0131 dahil edelim,\u00a0\/FontFace\/css\/ \u00a0dizin i\u00e7erisine \"stylesheet.css\" dosyam\u0131z\u0131 dahil edelim. Burada \u00f6ncelikle yapmam\u0131z gereken ayar\u00a0stylesheet.css dosyam\u0131z da bulunan css kodlar\u0131m\u0131za yaz\u0131 tipleri yolunu g\u00f6sterelim.<\/p>\n<pre lang=\"PHP\" line=\"1\">@font-face {\r\n    font-family: 'harabarabold';\r\n    src: url('..\/yazitipleri\/harabara-webfont.eot');\r\n    src: url('..\/yazitipleri\/harabara-webfont.eot?#iefix') format('embedded-opentype'),\r\n         url('..\/yazitipleri\/harabara-webfont.woff') format('woff'),\r\n         url('..\/yazitipleri\/harabara-webfont.ttf') format('truetype'),\r\n         url('..\/yazitipleri\/harabara-webfont.svg#harabarabold') format('svg');\r\n    font-weight: normal;\r\n    font-style: normal;\r\n}<\/pre>\n<p>Uygulamam\u0131z gereken ayar bu kadar do\u011fru yolu g\u00f6sterdi\u011finizden emin olun. \u015eimdi index.html dosyam\u0131z\u0131 olu\u015fturup i\u00e7erisine css'imizi \u00e7a\u011f\u0131ral\u0131m.<\/p>\n<pre lang=\"PHP\" line=\"1\">\t<link href=\"css\/stylesheet.css\" rel=\"stylesheet\" type=\"text\/css\" \/><\/pre>\n<p>Bu \u00f6zel yaz\u0131 tipini nerede kullanmak istiyor isek \u00f6rnekteki gibi uygulayarak kullanal\u0131m.<\/p>\n<pre lang=\"PHP\" line=\"1\">    font-family: 'harabarabold';<\/pre>\n<p>Hepsi bu kadar ben bu 3 uygulama aras\u0131nda bir se\u00e7im yapacak olsayd\u0131m kesinlikle Css3 ile tekrardan hayat\u0131m\u0131za giren @FontFace \u00f6zelli\u011fini kullan\u0131rd\u0131m hepsini inceleyerek kendiniz i\u00e7in en uygun olan se\u00e7imi yapabilirsiniz. E\u011fer zaten bunlar\u0131 biliyor ve bunlardan birini kullan\u0131yorsan\u0131z de\u011ferli yorumlar\u0131n\u0131z i\u015fe kar\u015f\u0131la\u015ft\u0131\u011f\u0131n\u0131z zorluklar\u0131 veya d\u00fc\u015f\u00fcncelerinizi yorum olarak belirtirseniz \u00fczerinde konu\u015fmak isterim.<\/p>\n<p>Bol \u015eanslar!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sizlere\u00a0Yaz\u0131 Font\u2019lar\u0131m\u0131za Nas\u0131l T\u00fcrk\u00e7e \u00d6\u011fretmemiz gerekti\u011fi\u00a0hakk\u0131nda bilgi vermi\u015ftik. \u00a0\u015eimdi ise yaz\u0131 font\u2019lar\u0131m\u0131z\u0131 nas\u0131l web sitelerimizde nas\u0131l kullanabilece\u011fimiz hakk\u0131nda bilgiler vermek istiyorum. Asl\u0131na bakarsan\u0131z bunun bir \u00e7ok yolu var ben sizler i\u00e7in kullan\u0131m\u0131 en kolay ve pratik olanlar\u0131 (Google Font API, Cofon, @FontFace) haz\u0131rlamak istedim, birlikte uygulamalar\u0131 yaparak art\u0131 ve eksilerini inceleyelim. Google Font API Nedir [&hellip;]<\/p>\n","protected":false},"author":1805522,"featured_media":3948,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[249],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.11 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Tasar\u0131mlar\u0131n\u0131z i\u00e7in \u00d6zel Yaz\u0131 Tipi Kullan\u0131mlar\u0131<\/title>\n<meta name=\"description\" content=\"Tasar\u0131mlar\u0131n\u0131z i\u00e7in \u00f6zel yaz\u0131 tipleri kullanmak istiyorsan\u0131z Google API, Cufon veya @FontFace uygulamalar\u0131na g\u00f6z atabilirsiniz. Kullan\u0131m\u0131n\u0131 sizin i\u00e7in haz\u0131rlad\u0131k.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/monsterspost.com\/tr\/tasarimlarinizda-ozel-karakterler-kullanmaniz-icin-bazi-secenekler\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tasar\u0131mlar\u0131n\u0131z i\u00e7in \u00d6zel Yaz\u0131 Tipi Kullan\u0131mlar\u0131\" \/>\n<meta property=\"og:description\" content=\"Tasar\u0131mlar\u0131n\u0131z i\u00e7in \u00f6zel yaz\u0131 tipleri kullanmak istiyorsan\u0131z Google API, Cufon veya @FontFace uygulamalar\u0131na g\u00f6z atabilirsiniz. Kullan\u0131m\u0131n\u0131 sizin i\u00e7in haz\u0131rlad\u0131k.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/tr\/tasarimlarinizda-ozel-karakterler-kullanmaniz-icin-bazi-secenekler\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog TemplateMonster T\u00fcrkiye\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/TemplateMonsterTurkey\/\" \/>\n<meta property=\"article:published_time\" content=\"2013-09-23T09:56:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-03-04T13:49:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2013\/09\/abc-900x538.png\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"538\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Bar\u0131\u015f Hep\u00e7orman\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@templatemonster\" \/>\n<meta name=\"twitter:site\" content=\"@templatemonster\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Bar\u0131\u015f Hep\u00e7orman\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/tr\/tasarimlarinizda-ozel-karakterler-kullanmaniz-icin-bazi-secenekler\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/tasarimlarinizda-ozel-karakterler-kullanmaniz-icin-bazi-secenekler\/\"},\"author\":{\"name\":\"Bar\u0131\u015f Hep\u00e7orman\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/1846793b4f115999bfd6cc63b4d71815\"},\"headline\":\"Tasar\u0131mlar\u0131n\u0131z&#8217;da \u00d6zel Yaz\u0131 Tipleri Kullanabilmeniz \u0130\u00e7in Baz\u0131 Se\u00e7enekler\",\"datePublished\":\"2013-09-23T09:56:32+00:00\",\"dateModified\":\"2015-03-04T13:49:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/tasarimlarinizda-ozel-karakterler-kullanmaniz-icin-bazi-secenekler\/\"},\"wordCount\":1457,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/#organization\"},\"articleSection\":[\"Makaleler\"],\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/monsterspost.com\/tr\/tasarimlarinizda-ozel-karakterler-kullanmaniz-icin-bazi-secenekler\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/tr\/tasarimlarinizda-ozel-karakterler-kullanmaniz-icin-bazi-secenekler\/\",\"url\":\"https:\/\/monsterspost.com\/tr\/tasarimlarinizda-ozel-karakterler-kullanmaniz-icin-bazi-secenekler\/\",\"name\":\"Tasar\u0131mlar\u0131n\u0131z i\u00e7in \u00d6zel Yaz\u0131 Tipi Kullan\u0131mlar\u0131\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/#website\"},\"datePublished\":\"2013-09-23T09:56:32+00:00\",\"dateModified\":\"2015-03-04T13:49:50+00:00\",\"description\":\"Tasar\u0131mlar\u0131n\u0131z i\u00e7in \u00f6zel yaz\u0131 tipleri kullanmak istiyorsan\u0131z Google API, Cufon veya @FontFace uygulamalar\u0131na g\u00f6z atabilirsiniz. Kullan\u0131m\u0131n\u0131 sizin i\u00e7in haz\u0131rlad\u0131k.\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/tasarimlarinizda-ozel-karakterler-kullanmaniz-icin-bazi-secenekler\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/tr\/tasarimlarinizda-ozel-karakterler-kullanmaniz-icin-bazi-secenekler\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/tr\/tasarimlarinizda-ozel-karakterler-kullanmaniz-icin-bazi-secenekler\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/tr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tasar\u0131mlar\u0131n\u0131z&#8217;da \u00d6zel Yaz\u0131 Tipleri Kullanabilmeniz \u0130\u00e7in Baz\u0131 Se\u00e7enekler\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#website\",\"url\":\"https:\/\/monsterspost.com\/tr\/\",\"name\":\"Blog TemplateMonster T\u00fcrkiye\",\"description\":\"Just another MonsterPost Sites site\",\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/monsterspost.com\/tr\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"tr\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#organization\",\"name\":\"MonsterPost T\u00fcrkiye\",\"url\":\"https:\/\/monsterspost.com\/tr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2020\/03\/Logo-TM.png\",\"contentUrl\":\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2020\/03\/Logo-TM.png\",\"width\":180,\"height\":180,\"caption\":\"MonsterPost T\u00fcrkiye\"},\"image\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/template_monster\/\",\"https:\/\/www.pinterest.com\/templatemonster\/\",\"https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/\",\"https:\/\/www.facebook.com\/TemplateMonsterTurkey\/\",\"https:\/\/twitter.com\/templatemonster\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/1846793b4f115999bfd6cc63b4d71815\",\"name\":\"Bar\u0131\u015f Hep\u00e7orman\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/eb66b810f522d016a5638a0a1bee79d2?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/eb66b810f522d016a5638a0a1bee79d2?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"caption\":\"Bar\u0131\u015f Hep\u00e7orman\"},\"description\":\"Bar\u0131\u015f profesyonel bir i\u00e7erik pazarlamac\u0131s\u0131 ve ilham veren bir yazard\u0131r. G\u00fcnd\u00fcz pazarlama m\u00fcd\u00fcr\u00fc, gece ise yazar, i\u015f, pazarlama, tasar\u0131m ve web geli\u015ftirme \u00fczerine bir\u00e7ok blog yaz\u0131s\u0131 yaz\u0131yor. Web sitesi olu\u015fturucular ve CMS ile \u00e7al\u0131\u015fmay\u0131 ve deneyimini okuyucularla payla\u015fmay\u0131 seviyor. Onu LinkedIn'de takip edin\",\"url\":\"https:\/\/monsterspost.com\/tr\/author\/baris\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tasar\u0131mlar\u0131n\u0131z i\u00e7in \u00d6zel Yaz\u0131 Tipi Kullan\u0131mlar\u0131","description":"Tasar\u0131mlar\u0131n\u0131z i\u00e7in \u00f6zel yaz\u0131 tipleri kullanmak istiyorsan\u0131z Google API, Cufon veya @FontFace uygulamalar\u0131na g\u00f6z atabilirsiniz. Kullan\u0131m\u0131n\u0131 sizin i\u00e7in haz\u0131rlad\u0131k.","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:\/\/monsterspost.com\/tr\/tasarimlarinizda-ozel-karakterler-kullanmaniz-icin-bazi-secenekler\/","og_locale":"tr_TR","og_type":"article","og_title":"Tasar\u0131mlar\u0131n\u0131z i\u00e7in \u00d6zel Yaz\u0131 Tipi Kullan\u0131mlar\u0131","og_description":"Tasar\u0131mlar\u0131n\u0131z i\u00e7in \u00f6zel yaz\u0131 tipleri kullanmak istiyorsan\u0131z Google API, Cufon veya @FontFace uygulamalar\u0131na g\u00f6z atabilirsiniz. Kullan\u0131m\u0131n\u0131 sizin i\u00e7in haz\u0131rlad\u0131k.","og_url":"https:\/\/monsterspost.com\/tr\/tasarimlarinizda-ozel-karakterler-kullanmaniz-icin-bazi-secenekler\/","og_site_name":"Blog TemplateMonster T\u00fcrkiye","article_publisher":"https:\/\/www.facebook.com\/TemplateMonsterTurkey\/","article_published_time":"2013-09-23T09:56:32+00:00","article_modified_time":"2015-03-04T13:49:50+00:00","og_image":[{"width":900,"height":538,"url":"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2013\/09\/abc-900x538.png","type":"image\/png"}],"author":"Bar\u0131\u015f Hep\u00e7orman","twitter_card":"summary_large_image","twitter_creator":"@templatemonster","twitter_site":"@templatemonster","twitter_misc":{"Yazan:":"Bar\u0131\u015f Hep\u00e7orman","Tahmini okuma s\u00fcresi":"7 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/tr\/tasarimlarinizda-ozel-karakterler-kullanmaniz-icin-bazi-secenekler\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/tr\/tasarimlarinizda-ozel-karakterler-kullanmaniz-icin-bazi-secenekler\/"},"author":{"name":"Bar\u0131\u015f Hep\u00e7orman","@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/1846793b4f115999bfd6cc63b4d71815"},"headline":"Tasar\u0131mlar\u0131n\u0131z&#8217;da \u00d6zel Yaz\u0131 Tipleri Kullanabilmeniz \u0130\u00e7in Baz\u0131 Se\u00e7enekler","datePublished":"2013-09-23T09:56:32+00:00","dateModified":"2015-03-04T13:49:50+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/tr\/tasarimlarinizda-ozel-karakterler-kullanmaniz-icin-bazi-secenekler\/"},"wordCount":1457,"commentCount":0,"publisher":{"@id":"https:\/\/monsterspost.com\/tr\/#organization"},"articleSection":["Makaleler"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/monsterspost.com\/tr\/tasarimlarinizda-ozel-karakterler-kullanmaniz-icin-bazi-secenekler\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/tr\/tasarimlarinizda-ozel-karakterler-kullanmaniz-icin-bazi-secenekler\/","url":"https:\/\/monsterspost.com\/tr\/tasarimlarinizda-ozel-karakterler-kullanmaniz-icin-bazi-secenekler\/","name":"Tasar\u0131mlar\u0131n\u0131z i\u00e7in \u00d6zel Yaz\u0131 Tipi Kullan\u0131mlar\u0131","isPartOf":{"@id":"https:\/\/monsterspost.com\/tr\/#website"},"datePublished":"2013-09-23T09:56:32+00:00","dateModified":"2015-03-04T13:49:50+00:00","description":"Tasar\u0131mlar\u0131n\u0131z i\u00e7in \u00f6zel yaz\u0131 tipleri kullanmak istiyorsan\u0131z Google API, Cufon veya @FontFace uygulamalar\u0131na g\u00f6z atabilirsiniz. Kullan\u0131m\u0131n\u0131 sizin i\u00e7in haz\u0131rlad\u0131k.","breadcrumb":{"@id":"https:\/\/monsterspost.com\/tr\/tasarimlarinizda-ozel-karakterler-kullanmaniz-icin-bazi-secenekler\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/tr\/tasarimlarinizda-ozel-karakterler-kullanmaniz-icin-bazi-secenekler\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/tr\/tasarimlarinizda-ozel-karakterler-kullanmaniz-icin-bazi-secenekler\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/tr\/"},{"@type":"ListItem","position":2,"name":"Tasar\u0131mlar\u0131n\u0131z&#8217;da \u00d6zel Yaz\u0131 Tipleri Kullanabilmeniz \u0130\u00e7in Baz\u0131 Se\u00e7enekler"}]},{"@type":"WebSite","@id":"https:\/\/monsterspost.com\/tr\/#website","url":"https:\/\/monsterspost.com\/tr\/","name":"Blog TemplateMonster T\u00fcrkiye","description":"Just another MonsterPost Sites site","publisher":{"@id":"https:\/\/monsterspost.com\/tr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/monsterspost.com\/tr\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"tr"},{"@type":"Organization","@id":"https:\/\/monsterspost.com\/tr\/#organization","name":"MonsterPost T\u00fcrkiye","url":"https:\/\/monsterspost.com\/tr\/","logo":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/logo\/image\/","url":"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2020\/03\/Logo-TM.png","contentUrl":"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2020\/03\/Logo-TM.png","width":180,"height":180,"caption":"MonsterPost T\u00fcrkiye"},"image":{"@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/template_monster\/","https:\/\/www.pinterest.com\/templatemonster\/","https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/","https:\/\/www.facebook.com\/TemplateMonsterTurkey\/","https:\/\/twitter.com\/templatemonster"]},{"@type":"Person","@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/1846793b4f115999bfd6cc63b4d71815","name":"Bar\u0131\u015f Hep\u00e7orman","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/eb66b810f522d016a5638a0a1bee79d2?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/eb66b810f522d016a5638a0a1bee79d2?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","caption":"Bar\u0131\u015f Hep\u00e7orman"},"description":"Bar\u0131\u015f profesyonel bir i\u00e7erik pazarlamac\u0131s\u0131 ve ilham veren bir yazard\u0131r. G\u00fcnd\u00fcz pazarlama m\u00fcd\u00fcr\u00fc, gece ise yazar, i\u015f, pazarlama, tasar\u0131m ve web geli\u015ftirme \u00fczerine bir\u00e7ok blog yaz\u0131s\u0131 yaz\u0131yor. Web sitesi olu\u015fturucular ve CMS ile \u00e7al\u0131\u015fmay\u0131 ve deneyimini okuyucularla payla\u015fmay\u0131 seviyor. Onu LinkedIn'de takip edin","url":"https:\/\/monsterspost.com\/tr\/author\/baris\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/posts\/132"}],"collection":[{"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/users\/1805522"}],"replies":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/comments?post=132"}],"version-history":[{"count":21,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/posts\/132\/revisions"}],"predecessor-version":[{"id":3628,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/posts\/132\/revisions\/3628"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/media\/3948"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/media?parent=132"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/categories?post=132"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/tags?post=132"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}