{"id":3888,"date":"2015-03-04T12:00:10","date_gmt":"2015-03-04T12:00:10","guid":{"rendered":"https:\/\/www.templatemonster.com\/tr\/blog\/?p=3888"},"modified":"2021-08-26T09:04:35","modified_gmt":"2021-08-26T09:04:35","slug":"simge-yazi-tipleri-nasil-olusturulur-hizli-baslangic-klavuzu","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/tr\/simge-yazi-tipleri-nasil-olusturulur-hizli-baslangic-klavuzu\/","title":{"rendered":"Simge Yaz\u0131 Tipleri Nas\u0131l Olu\u015fturulur? H\u0131zl\u0131 Ba\u015flang\u0131\u00e7 Klavuzu"},"content":{"rendered":"<p>Simge Yaz\u0131 Tipleri (icon fonts) web tasar\u0131mc\u0131lar i\u00e7in harika bir kullan\u0131m sunmaktad\u0131r. Onlar neden bu kadar talep g\u00f6r\u00fcyorlar? Onlar Bitmap simgelerini daha m\u0131 iyi yap\u0131yor? Simge yaz\u0131 tipleri hakk\u0131nda neler s\u00f6yleyebiliriz? Kendi simge yaz\u0131 tiplerimizi nas\u0131l olu\u015fturabiliriz? \u015eimdi bu blog yaz\u0131s\u0131na y\u00f6nelelim ve bu sorular\u0131n t\u00fcm cevaplar\u0131n\u0131 birlikte \u00f6\u011frenelim.<\/p>\n<p>Temelde g\u00f6lgeleri y\u00f6netmek sadece renk ve boyutlar\u0131 ile oynamak gibi, \u00e7e\u015fitli manip\u00fclasyonlar uygulanabilir, simge yaz\u0131 tiplerini kullanarak standart resim tabanl\u0131 simgelerle \u00e7al\u0131\u015fmaya benzemektedir. Simge yaz\u0131 tipleri ile \u00f6zel bir \u015feyler kullan\u0131p kullanamayaca\u011f\u0131n\u0131z\u0131 merak ediyor olabilirsiniz, bunlar\u0131 nas\u0131l kullanabilirsiniz? Onlar m\u00fckemmel kalitelerini koruyarak geleneksel g\u00f6r\u00fcnt\u00fc sprite aksine olduk\u00e7a kolay bir \u015fekilde d\u00fczenlenebilir. Sizler d\u00f6nd\u00fcrme, dolgunluk de\u011fi\u015ftirme gibi \u015feyleri CSS kodlar\u0131na gerekli de\u011fi\u015fiklikleri uygulayarak vuru\u015f, ge\u00e7i\u015f, doku yada istedi\u011finiz her t\u00fcr\u00fc onlara ekleyebilirsiniz. Onlar\u0131 daha net yerle\u015ftirebilmek i\u00e7in a\u015fa\u011f\u0131daki resimlere de bakabilirsiniz. Burada bizler daha fazla e\u015fit PNG g\u00f6r\u00fcnt\u00fcs\u00fcne kar\u015f\u0131l\u0131k olarak \u00f6\u011fretici olabilmesi ad\u0131na simge yaz\u0131 tiplerini g\u00f6rebilirsiniz. Her iki sanat'ta geni\u015flikleri a\u00e7\u0131s\u0131ndan birbirlerine orant\u0131l\u0131d\u0131r. San\u0131yorum sizler fark\u0131 g\u00f6rebilirsiniz.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2015\/01\/1.jpg\" alt=\"1\" class=\"wp-image-3065\"\/><\/figure>\n<\/div>\n<h3>&nbsp;<\/h3>\n<h3>Neler Simge Yaz\u0131 Tipidir?<\/h3>\n<p>Simge yaz\u0131 tipleri CSS \u00f6zelli\u011fini kullanarak i\u00e7erik eklenebilen vekt\u00f6r grafiklerden olu\u015fmaktad\u0131r. D\u00fczenli yaz\u0131lara benzerler, simge yaz\u0131 tipleri \u00f6l\u00e7eklendirilebilir ve kodu kullan\u0131larak y\u00f6netilebilir. Bu bitmap g\u00f6r\u00fcnt\u00fclerinden sonraki en b\u00fcy\u00fck ikinci avantajlardan birisidir. Hafif ve haz\u0131r retina simge yaz\u0131 tipleri, standart metinlere benzer CSS kullan\u0131larak belirli bir tarz verilebilir.<\/p>\n<p>Onlar kolay bir \u015fekilde \u00f6l\u00e7eklendirilebilir ve Windows \u00fczerinde y\u00fcksek kontrastl\u0131 olarak g\u00f6r\u00fcn\u00fcr, \u00e7\u00fcnk\u00fc simge yaz\u0131 tipleri g\u00f6r\u00fcn\u00fcm ve eri\u015fim a\u00e7\u0131s\u0131ndan en iyi se\u00e7imdir. Bitmap g\u00f6r\u00fcnt\u00fcler de \u00f6l\u00e7eklenebilir ve ayn\u0131 \u015fekilde kalitesinden bir \u015fey kaybetmez. Her bitmap g\u00f6r\u00fcnt\u00fcs\u00fc sayfan\u0131z\u0131n y\u00fckleme s\u00fcresini yava\u015flatan http iste\u011fi gerektirmektedir. \u0130kinci olarak en b\u00fcy\u00fck dezavantaj\u0131, g\u00f6r\u00fcnt\u00fclerse simge yaz\u0131 tiplerinin aksine sadece resim edit\u00f6r\u00fc kullan\u0131larak istedi\u011fimiz de\u011fi\u015fiklikleri ger\u00e7ekle\u015ftirebiliriz.<\/p>\n<p>Modern web tasar\u0131m st\u00fcdyolar\u0131n\u0131n b\u00fcy\u00fck bir \u00e7o\u011funlu\u011fu \u00e7al\u0131\u015fmalar\u0131nda simge yaz\u0131 tiplerini kullanmaktad\u0131rlar. Bizlerde bunlar\u0131 kendi projelerinizde uygulamak isteyece\u011finizi d\u00fc\u015f\u00fcnerek bir karar verdik. Baz\u0131 PNG simgeleri nas\u0131l d\u00f6n\u00fc\u015ft\u00fcrebilece\u011fimizi g\u00f6stermek istiyorum. San\u0131r\u0131m bug\u00fcnk\u00fc yaz\u0131m\u0131z\u0131n ba\u015fl\u0131\u011f\u0131, ba\u015flang\u0131\u00e7 k\u0131lavuzu ad\u0131 almas\u0131 san\u0131r\u0131m bu.<\/p>\n<p><strong>\u0130htiyac\u0131n\u0131z olan \u015feyler:<\/strong><\/p>\n<ul>\n<li>Adobe Illustrator - Premium grafik vekt\u00f6r edit\u00f6r\u00fc<\/li>\n<li>Inkscape - profesyonel kalitede \u00fccretsiz vekt\u00f6r ve grafik yaz\u0131l\u0131m\u0131.<\/li>\n<li>Fontastic.me - Simge yaz\u0131 tipi fontlar\u0131 olu\u015fturmak i\u00e7in \u00fccretsiz online hizmet veren web sitesi.<\/li>\n<\/ul>\n<p><strong>Bizim yapacaklar\u0131m\u0131z: <\/strong><\/p>\n<ul>\n<li>.eps ikonlar\u0131 .svg bi\u00e7imine d\u00f6n\u00fc\u015ft\u00fcrece\u011fiz.<\/li>\n<li>.svg ikonlar\u0131 fontastic.me ye ta\u015f\u0131mak i\u00e7in haz\u0131r olun.<\/li>\n<li>Bir grup i\u00e7erisinde svg ikonlar\u0131n\u0131 ta\u015f\u0131yaca\u011f\u0131z.<\/li>\n<li>Stilleri d\u00fczenleyebilmek i\u00e7in projelere simge yaz\u0131 tipi ekleyece\u011fiz.<\/li>\n<\/ul>\n<h3>.EPS \u0130konlar\u0131n\u0131 .SVG bi\u00e7imine d\u00f6n\u00fc\u015ft\u00fcrme<\/h3>\n<p>Ba\u015flamak i\u00e7in ilk olarak bize .eps kaynak format\u0131nda bir dizi simge gerekmektedir. Bu \u00f6\u011fretici i\u00e7in a\u015fa\u011f\u0131da bulunan ikonlar kullan\u0131labilir.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2015\/01\/2.jpg\" alt=\"Business Icons Set\" class=\"wp-image-3066\"\/><\/figure>\n<\/div>\n<p>Bilgisayar\u0131n\u0131za \u00f6nceden y\u00fcklemi\u015f oldu\u011funuz Adobe Illustrator kullanarak .eps dosyan\u0131z\u0131 a\u00e7\u0131n. <strong>File &gt; Open<\/strong><\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2015\/01\/3.jpg\" alt=\"3\" class=\"wp-image-3067\"\/><\/figure>\n<\/div>\n<p>Katman (Layers) panelini a\u00e7\u0131n.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2015\/01\/4.jpg\" alt=\"4\" class=\"wp-image-3068\"\/><\/figure>\n<\/div>\n<p>\u0130lk olarak, \u00e7al\u0131\u015fma y\u00fczeyi (Altboard) se\u00e7eneklerinin d\u00fczg\u00fcn ayarlanm\u0131\u015f olup olmad\u0131\u011f\u0131n\u0131 kontrol edin. Bizim durumumuzda <strong>50x50<\/strong> olan boyutlar\u0131 <strong>1600x1600<\/strong> olarak de\u011fi\u015ftirelim. Temelde ayarlad\u0131\u011f\u0131m\u0131z boyut \u00f6nemli de\u011fil. Sadece \u00e7al\u0131\u015fma alan\u0131m\u0131za yerle\u015ftirmek ad\u0131na yeterli \u00e7al\u0131\u015fma alan\u0131na sahip olmam\u0131z gerekiyor.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2015\/01\/5.jpg\" alt=\"5\" class=\"wp-image-3069\"\/><\/figure>\n<\/div>\n<p>Sonraki ad\u0131m olarak, katmanlardan t\u00fcm arka planlar\u0131 kald\u0131r\u0131n. \u00d6rne\u011fimizde saf beyaz simgelerin alt\u0131nda kullan\u0131lan bir arka plan var. Katman\u0131 se\u00e7in ve silin.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2015\/01\/6.jpg\" alt=\"6\" class=\"wp-image-3070\"\/><\/figure>\n<\/div>\n<p>\u0130pucu: Bazen tasar\u0131mc\u0131lar Compounf Clipping Art ikonlar\u0131 olu\u015fturabilir. Onlarda ne arkaplan nede kontur rengi yoktur, bu gibi durumlarda simge \u015feffafl\u0131\u011f\u0131 arkaplan katman kald\u0131rma sonucu kald\u0131r\u0131labilir. Bu gibi durumlarda ne yapmal\u0131y\u0131m?<\/p>\n<p>T\u00fcm katmanlar\u0131 (CTRL+A) se\u00e7in ve siyah kontor rengi se\u00e7in ve Stroke rengini kapal\u0131 konuma getirin - none. E\u011fer hala t\u00fcm arkaplan katmanlar\u0131 kald\u0131r\u0131lmad\u0131ysa, bir karede onlar\u0131 siyah renk olarak g\u00f6rebilirsiniz.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2015\/01\/7.jpg\" alt=\"7\" class=\"wp-image-3071\"\/><\/figure>\n<\/div>\n<p>\u0130pucu: dolgu rengi ve kontor rengini se\u00e7mek i\u00e7in ikonlara t\u0131klad\u0131\u011f\u0131n\u0131zda renk paleti g\u00f6r\u00fcnm\u00fcyorsa ayn\u0131 i\u015flemleri SHIFT tu\u015funa basarak tekrardan deneyin.<\/p>\n<p>Bu a\u015famaya kadar her \u015fey yolunda gittiyse (CTRL+SHIFT+S veya File&gt;Save) .svg bi\u00e7iminde dosyan\u0131z\u0131 kaydedebilirsiniz.<\/p>\n<p><strong>.SVG ikonlar\u0131m\u0131z ile Fontastic.me web sitesine hareket etme vakti.<\/strong><\/p>\n<p>Kurulumunu yapm\u0131\u015f oldu\u011funuz Inkscape ile SVG ikonlar\u0131n\u0131z\u0131 a\u00e7\u0131n. (File &gt; Open)<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2015\/01\/8.jpg\" alt=\"8\" class=\"wp-image-3072\"\/><\/figure>\n<\/div>\n<p>Yeni bir d\u00f6k\u00fcman olu\u015fturun - <strong>File &gt; New - fontforge_glyph <\/strong>(ge\u00e7ici bir dosya olacak).<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2015\/01\/9.jpg\" alt=\"9\" class=\"wp-image-3073\"\/><\/figure>\n<\/div>\n<p>\u0130konlar\u0131m\u0131z\u0131 kaynak dosyas\u0131ndan kopyalayarak ge\u00e7ici dosyaya kopyalayal\u0131m. <strong>(CTRL+C - CTRL+V)<\/strong><\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2015\/01\/10.jpg\" alt=\"10\" class=\"wp-image-3074\"\/><\/figure>\n<\/div>\n<p>Bu a\u015famada kaynak dosyam\u0131z kapat\u0131labilir. \u015eimdi kelime alan\u0131na s\u0131\u011fd\u0131rabilmek i\u00e7in ge\u00e7ici dosyam\u0131zda bulunan ikonlar\u0131m\u0131z\u0131 se\u00e7elim.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2015\/01\/11.jpg\" alt=\"11\" class=\"wp-image-3075\"\/><\/figure>\n<\/div>\n<p>\u0130pucu: \u00e7al\u0131\u015fmalar\u0131m\u0131z\u0131 daha kolay hale getirmek ve t\u00fcm ikonlar\u0131m\u0131z\u0131 orant\u0131l\u0131 hale getirmek i\u00e7in bu ge\u00e7ici dosyay\u0131 kullanmam\u0131z gerekmektedir.<\/p>\n<p>Sonra bir ba\u015fka belge olu\u015ftural\u0131m, \u201cFile \u2013 New \u2013 fontforge_glyph\u201d <strong>(Hedef Dosya)<\/strong><\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2015\/01\/12.jpg\" alt=\"12\" class=\"wp-image-3076\"\/><\/figure>\n<\/div>\n<p>Ge\u00e7ici dosyam\u0131zda bulunan ikonlar\u0131 (CTRL+X) keseref hedef dosyam\u0131za yap\u0131\u015ft\u0131ral\u0131m.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2015\/01\/13.jpg\" alt=\"13\" class=\"wp-image-3077\"\/><\/figure>\n<\/div>\n<p>\u0130konumuzun ortalanmas\u0131 gerekiyor bunun i\u00e7in <strong>Object &gt; Align and Distribute <\/strong>sekmelerini izleyin.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2015\/01\/14.jpg\" alt=\"14\" class=\"wp-image-3078\"\/><\/figure>\n<\/div>\n<p>A\u015fa\u011f\u0131da oldu\u011fu gibi bir panel g\u00f6r\u00fcnmelidir.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2015\/01\/15.jpg\" alt=\"15\" class=\"wp-image-3079\"\/><\/figure>\n<\/div>\n<p>Simgeyi se\u00e7ili hale getirin hizalama i\u00e7in sunulan men\u00fcdem Relative to sene\u00e7ene\u011fini Page olarak se\u00e7in. Treat selection as group se\u00e7ene\u011fini i\u015faretleyin ve Center on vertical axis ve Center on horizontal axis' e t\u0131klayarak ortalanmas\u0131n\u0131 sa\u011flay\u0131n.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2015\/01\/16.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2015\/01\/16.jpg\" alt=\"16\" class=\"wp-image-3080\"\/><\/a><\/figure>\n<\/div>\n<p>\u015eimdi simgemizin tam olarak ortaland\u0131\u011f\u0131n\u0131 g\u00f6rebiliriz.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2015\/01\/17.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2015\/01\/17.jpg\" alt=\"17\" class=\"wp-image-3081\"\/><\/a><\/figure>\n<\/div>\n<p><strong><br \/>Plain SVG<\/strong> olarak hedef dosyas\u0131n\u0131 kaydedin. <strong>(File &gt; Save as)<\/strong><\/p>\n<p>Benzer yolu izleyerek kaynak dosyas\u0131nda bulunan ikonlar i\u00e7inde ayn\u0131 i\u015flemleri uygulay\u0131n. Sonu\u00e7 olarak 25 SVG dosyas\u0131ndan olu\u015fan bir dizi'ye sahip olacaks\u0131n\u0131z. Bunlar Inkscape i\u00e7in. Sonraki ad\u0131ma ge\u00e7elim.<\/p>\n<h3>.SVG Dosyalar\u0131 ile Simge Yaz\u0131 Tiplerini Olu\u015fturma<\/h3>\n<p>S\u0131k olarak kullanmakta oldu\u011funuz herhangi bir taray\u0131c\u0131 ile <strong>Fontastic.me<\/strong> sayfas\u0131n\u0131 ziyaret edelim. Hesab\u0131n\u0131za giri\u015f yapt\u0131\u011f\u0131n\u0131zda simge yaz\u0131 tipleri olu\u015fturmak i\u00e7in bir uygulama g\u00f6receksiniz.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2015\/01\/18.jpg\" alt=\"18\" class=\"wp-image-3082\"\/><\/figure>\n<\/div>\n<p><strong>\u201cModify Font\u201d<\/strong> sekmesine t\u0131klay\u0131n.<\/p>\n<p><strong>Add More Icons sekmesine t\u0131klay\u0131n.<\/strong><\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2015\/01\/19.jpg\" alt=\"19\" class=\"wp-image-3083\"\/><\/figure>\n<\/div>\n<p><strong>Sonraki Ad\u0131m IMPORT ICONS sekmesine t\u0131klay\u0131n.<\/strong><\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2015\/01\/20.jpg\" alt=\"20\" class=\"wp-image-3084\"\/><\/figure>\n<\/div>\n<p>T\u00fcm ikonlar\u0131 se\u00e7erek a\u00e7\u0131n. T\u00fcm ikonlar\u0131 kar\u015f\u0131dan y\u00fckleyin. Bu ortalama olarak bir ka\u00e7 saniye s\u00fcrebilir. Y\u00fckleme s\u0131ras\u0131nda herhangi bir hata ile kar\u015f\u0131la\u015f\u0131rsan\u0131z b\u00fcy\u00fck ihtimalle yukar\u0131da yapm\u0131\u015f oldu\u011funuz i\u015flemlerin baz\u0131lar\u0131n\u0131 yanl\u0131\u015f yapt\u0131n\u0131z. Genellikle tasar\u0131mc\u0131lar taraf\u0131ndan yap\u0131lan bir hata <strong>Plain SVG <\/strong>yerine<strong> Inkspace SVG <\/strong>dosya bi\u00e7iminde kaydetti\u011finize emin olun.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2015\/01\/21.jpg\" alt=\"21\" class=\"wp-image-3085\"\/><\/figure>\n<\/div>\n<p><strong>OK <\/strong>butonuna basarak ve <strong>Fontastic <\/strong>anasayfa's\u0131na ula\u015f\u0131n. Y\u00fckledi\u011finiz ikonlar burada saklan\u0131yor olacak. \u0130konlar\u0131n arka taraf\u0131nda bir siyahl\u0131k g\u00f6r\u00fcyorsan\u0131z b\u00fcy\u00fck ihtimalle simgelerin arka planlar\u0131n\u0131 temizlemeyi unutmu\u015f olabilirsiniz.<\/p>\n<p><strong>\".EPS ikonlar\u0131n\u0131 .SVG'ye d\u00f6n\u00fc\u015ft\u00fcrd\u00fc\u011f\u00fcn\u00fcz zaman\"<\/strong><\/p>\n<p>\u015eimdi yaz\u0131 tipi ikonlar\u0131n\u0131 se\u00e7erek i\u015faretleyin.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2015\/01\/22.jpg\" alt=\"22\" class=\"wp-image-3086\"\/><\/figure>\n<\/div>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2015\/01\/24.jpg\" alt=\"24\" class=\"wp-image-3087\"\/><\/figure>\n<\/div>\n<p>Font ad\u0131 ve Css s\u0131n\u0131f\u0131n\u0131 girin ve <strong>Save<\/strong> butonuna t\u0131klay\u0131n.<\/p>\n<p><strong>Customize <\/strong>sekmesine t\u0131klay\u0131n. Simgelerinizin yan\u0131 s\u0131ra onlar\u0131n s\u0131ra kodunu girerek s\u0131ralamay\u0131 da buradan ayarlayabilirsiniz.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2015\/01\/25.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2015\/01\/25.jpg\" alt=\"25\" class=\"wp-image-3088\"\/><\/a><\/figure>\n<\/div>\n<p><strong>Publish, Download<\/strong> sekmelerine t\u0131klayarak bir sonraki a\u015famaya ge\u00e7ebiliriz.<\/p>\n<h3>Stil Y\u00f6netimi ve \u0130konlar\u0131 Ekleme<\/h3>\n<p>Ar\u015fiv'den dosyalar\u0131n\u0131z\u0131 \u00e7\u0131kar\u0131n ve projenizin bulundu\u011fu klas\u00f6re dahil edin. Style.css dosyan\u0131z\u0131 kopyalamay\u0131 unutmay\u0131n. \u00d6rnek olarak, css dosyalar\u0131n\u0131z\u0131, projenizde bulunan css klas\u00f6r\u00fcne kopyalayabilirsiniz.<\/p>\n<p>Stilleri herhangi bir metin edit\u00f6r\u00fcnde g\u00f6r\u00fcnt\u00fcleyebilirsiniz. Burada simge yaz\u0131 tiplerini kontrol ederek garip g\u00f6rd\u00fcklerinizi kald\u0131rabilirsiniz.<\/p>\n<pre class=\"wp-block-code php\"><code>@charset \"UTF-8\"; \/* Remove, UTF-8 is written in HTML *\/\n@font-face {\n    font-family: \"24804-icons\";\n    src:url(\"fonts\/24804-icons.eot\"); \/* Here we indicate fonts path *\/\n    src:url(\"fonts\/24804-icons.eot?#iefix\") format(\"embedded-opentype\"),\n        url(\"fonts\/24804-icons.woff\") format(\"woff\"),\n        url(\"fonts\/24804-icons.ttf\") format(\"truetype\"),\n        url(\"fonts\/24804-icons.svg#24804-icons\") format(\"svg\");\n    font-weight: normal;\n    font-style: normal;\n}\n\/* This section can be removed as unnecessary *\/\n&#91;data-icon]:before {\n    font-family: \"24804-icons\" !important;\n    content: attr(data-icon);\n    font-style: normal !important;\n    font-weight: normal !important;\n    font-variant: normal !important;\n    text-transform: none !important;\n    speak: none;\n    line-height: 1;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\/* ========================================== *\/\n&#91;class^=\"tm-\"]:before,\n&#91;class*=\" tm-\"]:before {\n    font-family: \"24804-icons\" !important;\n    font-style: normal !important;\n    font-weight: normal !important;\n    font-variant: normal !important;\n    text-transform: none !important;\n    speak: none;\n    line-height: 1;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n.tm-apple:before {\n    content: \"\\e000\";\n}\n.tm-bookmark:before {\n    content: \"\\e001\";\n}\n.tm-protect:before {\n    content: \"\\e002\";\n}\n.tm-pin:before {\n    content: \"\\e003\";\n}\n.tm-pulse:before {\n    content: \"\\e004\";\n}\n.tm-calc:before {\n    content: \"\\e005\";\n}\n.tm-call:before {\n    content: \"\\e006\";\n}\n.tm-responsive:before {\n    content: \"\\e007\";\n}\n.tm-scale:before {\n    content: \"\\e008\";\n}\n.tm-cell:before {\n    content: \"\\e009\";\n}\n.tm-doc:before {\n    content: \"\\e00a\";\n}\n.tm-search:before {\n    content: \"\\e00b\";\n}\n.tm-support:before {\n    content: \"\\e00c\";\n}\n.tm-gears:before {\n    content: \"\\e00d\";\n}\n.tm-group:before {\n    content: \"\\e00e\";\n}\n.tm-time:before {\n    content: \"\\e00f\";\n}\n.tm-touch:before {\n    content: \"\\e010\";\n}\n.tm-lib:before {\n    content: \"\\e011\";\n}\n.tm-lock:before {\n    content: \"\\e012\";\n}\n.tm-tribune:before {\n    content: \"\\e013\";\n}\n.tm-user:before {\n    content: \"\\e014\";\n}\n.tm-mobile:before {\n    content: \"\\e015\";\n}\n.tm-mouse:before {\n    content: \"\\e016\";\n}\n.tm-wifi:before {\n    content: \"\\e017\";\n}\n.tm-pazzle:before {\n    content: \"\\e018\";\n}\n\n<\/code><\/pre>\n<p>Kaynak dosyas\u0131nda gerekli de\u011fi\u015fiklikleri uygulad\u0131ktan sonra, burada haz\u0131r bir \u015fekilde bulabilirsiniz.<\/p>\n<pre class=\"wp-block-code php\"><code>@font-face {\n    font-family: \"24804-icons\";\n    src:url(\"..\/fonts\/24804-icons.eot\");\n    src:url(\"..\/fonts\/24804-icons.eot?#iefix\") format(\"embedded-opentype\"),\n        url(\"..\/fonts\/24804-icons.woff\") format(\"woff\"),\n        url(\"..\/fonts\/24804-icons.ttf\") format(\"truetype\"),\n        url(\"..\/fonts\/24804-icons.svg#24804-icons\") format(\"svg\");\n    font-weight: normal;\n    font-style: normal;\n}\n&#91;class^=\"tm-\"]:before,\n&#91;class*=\" tm-\"]:before {\n    font-family: \"24804-icons\" !important;\n    font-style: normal !important;\n    font-weight: normal !important;\n    font-variant: normal !important;\n    text-transform: none !important;\n    speak: none;\n    line-height: 1;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n.tm-apple:before {\n    content: \"\\e000\";\n}\n.tm-bookmark:before {\n    content: \"\\e001\";\n}\n.tm-protect:before {\n    content: \"\\e002\";\n}\n.tm-pin:before {\n    content: \"\\e003\";\n}\n.tm-pulse:before {\n    content: \"\\e004\";\n}\n.tm-calc:before {\n    content: \"\\e005\";\n}\n.tm-call:before {\n    content: \"\\e006\";\n}\n.tm-responsive:before {\n    content: \"\\e007\";\n}\n.tm-scale:before {\n    content: \"\\e008\";\n}\n.tm-cell:before {\n    content: \"\\e009\";\n}\n.tm-doc:before {\n    content: \"\\e00a\";\n}\n.tm-search:before {\n    content: \"\\e00b\";\n}\n.tm-support:before {\n    content: \"\\e00c\";\n}\n.tm-gears:before {\n    content: \"\\e00d\";\n}\n.tm-group:before {\n    content: \"\\e00e\";\n}\n.tm-time:before {\n    content: \"\\e00f\";\n}\n.tm-touch:before {\n    content: \"\\e010\";\n}\n.tm-lib:before {\n    content: \"\\e011\";\n}\n.tm-lock:before {\n    content: \"\\e012\";\n}\n.tm-tribune:before {\n    content: \"\\e013\";\n}\n.tm-user:before {\n    content: \"\\e014\";\n}\n.tm-mobile:before {\n    content: \"\\e015\";\n}\n.tm-mouse:before {\n    content: \"\\e016\";\n}\n.tm-wifi:before {\n    content: \"\\e017\";\n}\n.tm-pazzle:before {\n    content: \"\\e018\";\n}\n<\/code><\/pre>\n<p>\u015eimdi b\u00fct\u00fcn simge stillerini dosyam\u0131za dahil edelim.<\/p>\n<pre class=\"wp-block-code php\"><code>\/* file style.css *\/\n...\n@import 'tm-icons.css'\n...\n<\/code><\/pre>\n<pre class=\"wp-block-code php\"><code>\/* file *.html *\/\n...\n\n...\n<\/code><\/pre>\n<h3>Kapan\u0131\u015f<\/h3>\n<p>Hepsi bu kadar. \u015eimdi kendi simge yaz\u0131 tiplerinizi nas\u0131l olu\u015fturabilece\u011finizi biliyorsunuz. Elbette sizler FontAwesome kullanarak simge yaz\u0131 tiplerinizi projelerinizde kullanabilirsiniz. M\u00fcmk\u00fcn oldu\u011funca farkl\u0131 simgeler kullanarak bir fark yaratabilirsiniz. Art\u0131k t\u00fcm bunlar\u0131 kolay bir \u015fekilde elde edebilmeniz m\u00fcmk\u00fcn. Her \u015fey sizlerin hayal g\u00fcc\u00fc ile do\u011fru orant\u0131da d\u0131r.<\/p>\n<p>Bo\u015f \u015eanslar!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Simge Yaz\u0131 Tipleri (icon fonts) web tasar\u0131mc\u0131lar i\u00e7in harika bir kullan\u0131m sunmaktad\u0131r. Onlar neden bu kadar talep g\u00f6r\u00fcyorlar? Onlar Bitmap simgelerini daha m\u0131 iyi yap\u0131yor? Simge yaz\u0131 tipleri hakk\u0131nda neler s\u00f6yleyebiliriz? Kendi simge yaz\u0131 tiplerimizi nas\u0131l olu\u015fturabiliriz? \u015eimdi bu blog yaz\u0131s\u0131na y\u00f6nelelim ve bu sorular\u0131n t\u00fcm cevaplar\u0131n\u0131 birlikte \u00f6\u011frenelim. Temelde g\u00f6lgeleri y\u00f6netmek sadece renk ve [&hellip;]<\/p>\n","protected":false},"author":1805522,"featured_media":3889,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[299,1],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.11 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Simge Yaz\u0131 Tipleri Nas\u0131l Olu\u015fturulur? H\u0131zl\u0131 Ba\u015flang\u0131\u00e7 Klavuzu \u2b50 Blog TemplateMonster T\u00fcrkiye<\/title>\n<meta name=\"description\" content=\"Simge Yaz\u0131 Tipleri (icon fonts) web tasar\u0131mc\u0131lar i\u00e7in harika bir kullan\u0131m sunmaktad\u0131r. Onlar neden bu kadar talep g\u00f6r\u00fcyorlar? Onlar Bitmap simgelerini\" \/>\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\/simge-yazi-tipleri-nasil-olusturulur-hizli-baslangic-klavuzu\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Simge Yaz\u0131 Tipleri Nas\u0131l Olu\u015fturulur? H\u0131zl\u0131 Ba\u015flang\u0131\u00e7 Klavuzu \u2b50 Blog TemplateMonster T\u00fcrkiye\" \/>\n<meta property=\"og:description\" content=\"Simge Yaz\u0131 Tipleri (icon fonts) web tasar\u0131mc\u0131lar i\u00e7in harika bir kullan\u0131m sunmaktad\u0131r. Onlar neden bu kadar talep g\u00f6r\u00fcyorlar? Onlar Bitmap simgelerini\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/tr\/simge-yazi-tipleri-nasil-olusturulur-hizli-baslangic-klavuzu\/\" \/>\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=\"2015-03-04T12:00:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-26T09:04:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2015\/03\/IconFonts-900x538.jpg\" \/>\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\/jpeg\" \/>\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=\"11 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/tr\/simge-yazi-tipleri-nasil-olusturulur-hizli-baslangic-klavuzu\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/simge-yazi-tipleri-nasil-olusturulur-hizli-baslangic-klavuzu\/\"},\"author\":{\"name\":\"Bar\u0131\u015f Hep\u00e7orman\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/1846793b4f115999bfd6cc63b4d71815\"},\"headline\":\"Simge Yaz\u0131 Tipleri Nas\u0131l Olu\u015fturulur? H\u0131zl\u0131 Ba\u015flang\u0131\u00e7 Klavuzu\",\"datePublished\":\"2015-03-04T12:00:10+00:00\",\"dateModified\":\"2021-08-26T09:04:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/simge-yazi-tipleri-nasil-olusturulur-hizli-baslangic-klavuzu\/\"},\"wordCount\":1505,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/#organization\"},\"articleSection\":[\"E\u011fitimler\",\"Web Tasar\u0131m\"],\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/monsterspost.com\/tr\/simge-yazi-tipleri-nasil-olusturulur-hizli-baslangic-klavuzu\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/tr\/simge-yazi-tipleri-nasil-olusturulur-hizli-baslangic-klavuzu\/\",\"url\":\"https:\/\/monsterspost.com\/tr\/simge-yazi-tipleri-nasil-olusturulur-hizli-baslangic-klavuzu\/\",\"name\":\"Simge Yaz\u0131 Tipleri Nas\u0131l Olu\u015fturulur? H\u0131zl\u0131 Ba\u015flang\u0131\u00e7 Klavuzu \u2b50 Blog TemplateMonster T\u00fcrkiye\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/#website\"},\"datePublished\":\"2015-03-04T12:00:10+00:00\",\"dateModified\":\"2021-08-26T09:04:35+00:00\",\"description\":\"Simge Yaz\u0131 Tipleri (icon fonts) web tasar\u0131mc\u0131lar i\u00e7in harika bir kullan\u0131m sunmaktad\u0131r. Onlar neden bu kadar talep g\u00f6r\u00fcyorlar? Onlar Bitmap simgelerini\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/simge-yazi-tipleri-nasil-olusturulur-hizli-baslangic-klavuzu\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/tr\/simge-yazi-tipleri-nasil-olusturulur-hizli-baslangic-klavuzu\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/tr\/simge-yazi-tipleri-nasil-olusturulur-hizli-baslangic-klavuzu\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/tr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Simge Yaz\u0131 Tipleri Nas\u0131l Olu\u015fturulur? H\u0131zl\u0131 Ba\u015flang\u0131\u00e7 Klavuzu\"}]},{\"@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":"Simge Yaz\u0131 Tipleri Nas\u0131l Olu\u015fturulur? H\u0131zl\u0131 Ba\u015flang\u0131\u00e7 Klavuzu \u2b50 Blog TemplateMonster T\u00fcrkiye","description":"Simge Yaz\u0131 Tipleri (icon fonts) web tasar\u0131mc\u0131lar i\u00e7in harika bir kullan\u0131m sunmaktad\u0131r. Onlar neden bu kadar talep g\u00f6r\u00fcyorlar? Onlar Bitmap simgelerini","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\/simge-yazi-tipleri-nasil-olusturulur-hizli-baslangic-klavuzu\/","og_locale":"tr_TR","og_type":"article","og_title":"Simge Yaz\u0131 Tipleri Nas\u0131l Olu\u015fturulur? H\u0131zl\u0131 Ba\u015flang\u0131\u00e7 Klavuzu \u2b50 Blog TemplateMonster T\u00fcrkiye","og_description":"Simge Yaz\u0131 Tipleri (icon fonts) web tasar\u0131mc\u0131lar i\u00e7in harika bir kullan\u0131m sunmaktad\u0131r. Onlar neden bu kadar talep g\u00f6r\u00fcyorlar? Onlar Bitmap simgelerini","og_url":"https:\/\/monsterspost.com\/tr\/simge-yazi-tipleri-nasil-olusturulur-hizli-baslangic-klavuzu\/","og_site_name":"Blog TemplateMonster T\u00fcrkiye","article_publisher":"https:\/\/www.facebook.com\/TemplateMonsterTurkey\/","article_published_time":"2015-03-04T12:00:10+00:00","article_modified_time":"2021-08-26T09:04:35+00:00","og_image":[{"width":900,"height":538,"url":"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2015\/03\/IconFonts-900x538.jpg","type":"image\/jpeg"}],"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":"11 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/tr\/simge-yazi-tipleri-nasil-olusturulur-hizli-baslangic-klavuzu\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/tr\/simge-yazi-tipleri-nasil-olusturulur-hizli-baslangic-klavuzu\/"},"author":{"name":"Bar\u0131\u015f Hep\u00e7orman","@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/1846793b4f115999bfd6cc63b4d71815"},"headline":"Simge Yaz\u0131 Tipleri Nas\u0131l Olu\u015fturulur? H\u0131zl\u0131 Ba\u015flang\u0131\u00e7 Klavuzu","datePublished":"2015-03-04T12:00:10+00:00","dateModified":"2021-08-26T09:04:35+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/tr\/simge-yazi-tipleri-nasil-olusturulur-hizli-baslangic-klavuzu\/"},"wordCount":1505,"commentCount":0,"publisher":{"@id":"https:\/\/monsterspost.com\/tr\/#organization"},"articleSection":["E\u011fitimler","Web Tasar\u0131m"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/monsterspost.com\/tr\/simge-yazi-tipleri-nasil-olusturulur-hizli-baslangic-klavuzu\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/tr\/simge-yazi-tipleri-nasil-olusturulur-hizli-baslangic-klavuzu\/","url":"https:\/\/monsterspost.com\/tr\/simge-yazi-tipleri-nasil-olusturulur-hizli-baslangic-klavuzu\/","name":"Simge Yaz\u0131 Tipleri Nas\u0131l Olu\u015fturulur? H\u0131zl\u0131 Ba\u015flang\u0131\u00e7 Klavuzu \u2b50 Blog TemplateMonster T\u00fcrkiye","isPartOf":{"@id":"https:\/\/monsterspost.com\/tr\/#website"},"datePublished":"2015-03-04T12:00:10+00:00","dateModified":"2021-08-26T09:04:35+00:00","description":"Simge Yaz\u0131 Tipleri (icon fonts) web tasar\u0131mc\u0131lar i\u00e7in harika bir kullan\u0131m sunmaktad\u0131r. Onlar neden bu kadar talep g\u00f6r\u00fcyorlar? Onlar Bitmap simgelerini","breadcrumb":{"@id":"https:\/\/monsterspost.com\/tr\/simge-yazi-tipleri-nasil-olusturulur-hizli-baslangic-klavuzu\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/tr\/simge-yazi-tipleri-nasil-olusturulur-hizli-baslangic-klavuzu\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/tr\/simge-yazi-tipleri-nasil-olusturulur-hizli-baslangic-klavuzu\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/tr\/"},{"@type":"ListItem","position":2,"name":"Simge Yaz\u0131 Tipleri Nas\u0131l Olu\u015fturulur? H\u0131zl\u0131 Ba\u015flang\u0131\u00e7 Klavuzu"}]},{"@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\/3888"}],"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=3888"}],"version-history":[{"count":2,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/posts\/3888\/revisions"}],"predecessor-version":[{"id":13201,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/posts\/3888\/revisions\/13201"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/media\/3889"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/media?parent=3888"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/categories?post=3888"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/tags?post=3888"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}