{"id":6988,"date":"2021-06-29T20:16:39","date_gmt":"2021-06-29T17:16:39","guid":{"rendered":"https:\/\/www.hosting.com.tr\/blog\/?p=6988"},"modified":"2025-08-14T10:01:10","modified_gmt":"2025-08-14T07:01:10","slug":"font-awesome","status":"publish","type":"post","link":"https:\/\/www.hosting.com.tr\/blog\/font-awesome\/","title":{"rendered":"Font Awesome Nedir, Ne \u0130\u015fe Yarar? Web Sitelerinde \u0130con &#038; Font Kullan\u0131m\u0131"},"content":{"rendered":"\r\n<p>Ge\u00e7mi\u015fte bir web sitesi olu\u015ftururken her zaman simgelerle ilgili bir sorun ya\u015fan\u0131rd\u0131. Do\u011fru olan simgeleri nadiren bulabilirdiniz, \u00f6zellikle de ayn\u0131 tarzda olmas\u0131 i\u00e7in birka\u00e7 taneden fazlas\u0131na ihtiyac\u0131n\u0131z varsa&#8230; Diyelim ki bu simgeleri bir \u015fekilde buldunuz, bu sefer de simgeleri farkl\u0131 boyutlarda kullanmak isterseniz, kalite e\u015fit olmazd\u0131. Uzun laf\u0131n k\u0131sas\u0131, do\u011fru simgeleri elde etmek i\u00e7in onlar\u0131 kendiniz tasarlaman\u0131z gerekirdi.<\/p>\r\n\r\n\r\n\r\n<p>Zamanla \u00e7e\u015fitli simge paketlerinin filizlenmesiyle i\u015fler biraz d\u00fczeldi. Ama bu hareketlilikte tam olarak m\u00fckemmel sonu\u00e7lar vermedi.\u00a0<\/p>\r\n\r\n\r\n\r\n<p><strong>Font Awesome<\/strong> i\u015fte tam olarak burada devreye giriyor.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"font-awesome-nedir\">Font Awesome Nedir?<\/h2>\r\n\r\n\r\n\r\n<p><strong>Font Awesome<\/strong>, bir simge yaz\u0131 tipidir. Profesyonel s\u00fcr\u00fcmlerinde 1.400+ \u00fccretsiz simgenin yan\u0131 s\u0131ra 4.500+ simgeye sahiptir. Akl\u0131n\u0131za gelebilecek bir\u00e7ok simge t\u00fcr\u00fcn\u00fc b\u00fcnyesinde bar\u0131nd\u0131r\u0131r.<\/p>\r\n\r\n\r\n\r\n<p>Sitenizi Font Awesome&#8217;e ba\u011flad\u0131\u011f\u0131n\u0131zda, her simgeye basit bir HTML etiketi arac\u0131l\u0131\u011f\u0131yla eri\u015febilirsiniz. \u00d6rne\u011fin, a\u015fa\u011f\u0131daki araba simgesini almak i\u00e7in t\u00fcm yapman\u0131z gereken a\u015fa\u011f\u0131dakine benzer bir kod par\u00e7as\u0131 kullanmakt\u0131r:<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"143\" height=\"114\" class=\"wp-image-6989\" src=\"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2021\/06\/font-awesome-nedir.png\" alt=\"\" \/><\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<p><code>&lt;i class=\"fa fa-car\"&gt;&lt;\/i&gt;<\/code><\/p>\r\n\r\n\r\n\r\n<p>Font Awesome bu kodu al\u0131r ve canl\u0131 bir simgeye d\u00f6n\u00fc\u015ft\u00fcr\u00fcr.\u00a0<\/p>\r\n\r\n\r\n\r\n<p>\u0130sterseniz boyutlar\u0131, renkleri ve g\u00f6lgeleri de\u011fi\u015ftirerek bu simgeleri ger\u00e7ekten \u00f6zelle\u015ftirebilirsiniz. Temel olarak, CSS ile elde edilebilecek her \u015feyi burada da yapabilirsiniz.<\/p>\r\n\r\n\r\n\r\n<p>Font Awesome ayr\u0131ca size simgelerinizi canland\u0131rma imkan\u0131 gibi baz\u0131 benzersiz f\u0131rsatlar da sunar. Yani, a\u015fa\u011f\u0131daki gibi statik bir s\u00fcr\u00fcm yerine:<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"112\" height=\"114\" class=\"wp-image-6990\" src=\"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2021\/06\/font-awesome-nedir-01.png\" alt=\"\" \/><\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<p>A\u015fa\u011f\u0131daki gibi bir \u015fey de elde edebilirsiniz:<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"131\" height=\"119\" class=\"wp-image-6991\" src=\"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2021\/06\/font-awesome-nedir-02.gif\" alt=\"\" \/><\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<p>Sadece bu simge i\u00e7in de\u011fil, bunu, herhangi bir Font Awesome simgesiyle yap\u0131labilirsiniz.<\/p>\r\n\r\n\r\n<hr class=\"wp-block-separator\" \/>\r\n\r\n\r\n<p>Font Awesome indirmek i\u00e7in t\u0131klay\u0131n \ud83d\udc49 <a href=\"https:\/\/fontawesome.com\/download\">https:\/\/fontawesome.com\/download<\/a><\/p>\r\n\r\n\r\n<hr class=\"wp-block-separator\" \/>\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"font-awesome-nin-avantajlari-nelerdir\"><span id=\"font-awesomenin-avantajlari-nelerdir\">Font Awesome\u2019nin Avantajlar\u0131 Nelerdir?<\/span><\/h2>\r\n\r\n\r\n\r\n<p>Web&#8217;de bulunan bir\u00e7ok simge paketiyle ilgili en yayg\u0131n sorun, belirli boyutlarda iyi g\u00f6r\u00fcnme e\u011filiminde olmalar\u0131d\u0131r. Ancak Font Awesome simgeleri bu \u015fekilde de\u011fildir. Her yerde \u00e7al\u0131\u015f\u0131r ve kullanmak istedi\u011finiz boyuttan ba\u011f\u0131ms\u0131z olarak harika g\u00f6r\u00fcnecek \u015fekilde tasarlan\u0131r.<\/p>\r\n\r\n\r\n\r\n<p>Peki Font Awesome\u2019nin di\u011fer avantajlar\u0131 nelerdir?<\/p>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li>K\u00fct\u00fcphane 1.400+ \u00fccretsiz simgenin yan\u0131 s\u0131ra 4.500+ simgeye sahiptir.<\/li>\r\n<li>Sitenizi ana kitapl\u0131kla entegre etti\u011finizde her simgeye eri\u015fmek kolayd\u0131r.<\/li>\r\n<li>Simgelerin hepsi vekt\u00f6reldir. Bu sayede \u00f6l\u00e7ekleme teknik bir sorun yaratmaz ve simgeleri istedi\u011finiz \u00f6l\u00e7ekte kullanabilirsiniz.<\/li>\r\n<li>Herhangi bir yere bir simge eklemek \u00e7ok kolayd\u0131r.<\/li>\r\n<li>\u00c7ok zahmete de\u011fer bir \u00f6\u011frenme e\u011frisi yoktur.\u00a0<\/li>\r\n<li>Tasar\u0131mlar tutarl\u0131d\u0131r, bu nedenle her \u015fey birbirine uyar.<\/li>\r\n<li>Tasar\u0131mlar \u00e7ok minimaldir, bu da simgelerin \u00e7e\u015fitli ama\u00e7lara uymas\u0131na yard\u0131mc\u0131 olur.<\/li>\r\n<li>Ne kadar simgeye ihtiyac\u0131n\u0131z olursa olsun, Font Awesome size bunu sa\u011flayabilir.<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"wordpress-sitenize-font-awesome-yi-nasil-yuklersiniz\"><span id=\"wordpress-sitenize-font-awesomeyi-nasil-yuklersiniz\">WordPress Sitenize Font Awesome&#8217;yi Nas\u0131l Y\u00fcklersiniz?<\/span><\/h2>\r\n\r\n\r\n\r\n<p><strong>WordPress sitenize Font Awesome y\u00fcklemek<\/strong> i\u00e7in iki se\u00e7ene\u011finiz vard\u0131r:<\/p>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li>Manuel kurulum<\/li>\r\n<li>Eklentiler arac\u0131l\u0131\u011f\u0131yla kurulum<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<p>Her ne kadar 2 opsiyonunuz olsa da, e\u011fer teknik bir bilginiz yoksa, Font Awesome\u2019yi eklentilerle kurmak, manuel kurulumdan daha kolay bir se\u00e7enektir.\u00a0<\/p>\r\n\r\n\r\n\r\n<p>Kurulum i\u00e7in bir Font Awesome eklentisi ar\u0131yorsan\u0131z, a\u015fa\u011f\u0131da sizin i\u00e7in 2 eklenti \u00f6nerimiz var:\u00a0<\/p>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li><strong>Better Font Awesome:<\/strong> Blog i\u00e7eri\u011finizin herhangi bir yerinde Font Awesome simgelerini g\u00f6r\u00fcnt\u00fcleyin.<\/li>\r\n<li><strong>Font Awesome 4 Menus:<\/strong> Men\u00fclerde Font Awesome simgelerini g\u00f6r\u00fcnt\u00fcleyin.<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<p>Better Font Awesome&#8217;yi kullan\u0131rsan\u0131z,\u00a0 i\u015flevselli\u011fi elde etmeniz olduk\u00e7a basittir. Sadece eklentiyi kurup etkinle\u015ftirmeniz yeterlidir.<\/p>\r\n\r\n\r\n\r\n<p>Kurulumdan sonra, yaz\u0131 d\u00fczenleme ekran\u0131n\u0131zda a\u015fa\u011f\u0131daki kutuyu g\u00f6r\u00fcrs\u00fcn\u00fcz:<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"434\" height=\"94\" class=\"wp-image-6992\" src=\"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2021\/06\/wordpress-sitenize-font-awesomeyi-nasil-yuklersiniz.png\" alt=\"\" srcset=\"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2021\/06\/wordpress-sitenize-font-awesomeyi-nasil-yuklersiniz.png 434w, https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2021\/06\/wordpress-sitenize-font-awesomeyi-nasil-yuklersiniz-300x65.png 300w\" sizes=\"auto, (max-width: 434px) 100vw, 434px\" \/><\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<p>Eklenti \u00fczerine t\u0131klad\u0131\u011f\u0131n\u0131zda, bir Font Awesome simgesi se\u00e7menize ve k\u0131sa bir kod olarak bu simgeyi dahil etmenize olanak tan\u0131r.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"font-awesome-premium-a-gecmeye-deger-mi\"><span id=\"font-awesome-premiuma-gecmeye-deger-mi\">Font Awesome Premium&#8217;a Ge\u00e7meye De\u011fer Mi?<\/span><\/h2>\r\n\r\n\r\n\r\n<p>Font Awesome Premium\u2019a ge\u00e7ip ge\u00e7meyece\u011finize karar veremiyorsan\u0131z, birlikte Font Awesome\u2019nin premium \u00f6zelliklerine g\u00f6z at\u0131n:<\/p>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li>Fort Awesome premium ile, bireysel setlere b\u00f6l\u00fcnm\u00fc\u015f bir s\u00fcr\u00fc ek simge elde edersiniz (tematik, farkl\u0131 tasar\u0131m stilleri vb.). Bu, sitenizin t\u00fcm simge ihtiya\u00e7lar\u0131n\u0131 tek bir ara\u00e7la kar\u015f\u0131laman\u0131za olanak tan\u0131r. \u00d6zellikle simgeler arac\u0131l\u0131\u011f\u0131yla temsil edilecek \u00e7ok \u00f6zel bir dizi \u015feye ihtiyac\u0131n\u0131z varsa.<\/li>\r\n<li>Kendi simgelerinizi y\u00fckleyebilir ve kullanabilirsiniz. Logonuzu, \u00fcr\u00fcn simgelerinizi veya mant\u0131kl\u0131 olan her \u015feyi y\u00fcklemenize ve bunlar\u0131 Font Awesome kitapl\u0131\u011f\u0131n\u0131za eklemenize izin verir. Daha sonra bu simgeleri de di\u011fer Font Awesome simgeleri gibi kullanabilirsiniz. Kaynak ne olursa olsun t\u00fcm simgeleriniz tutarl\u0131 bir \u015fekilde \u00e7al\u0131\u015f\u0131r.<\/li>\r\n<li>Kitlerinize yaz\u0131 tiplerini dahil edebilirsiniz. En iyi \u00fccretsiz yaz\u0131 tiplerinden birka\u00e7\u0131n\u0131 se\u00e7ebilir veya kendinizinkini y\u00fckleyebilirsiniz. Bu, site i\u00e7in tipografi varl\u0131klar\u0131n\u0131z\u0131 tek bir yerde tutar.\u00a0<\/li>\r\n<li>T\u00fcm bunlar\u0131 MaxCDN arac\u0131l\u0131\u011f\u0131yla sa\u011flanan optimize edilmi\u015f bir CDN arac\u0131l\u0131\u011f\u0131yla y\u00fckleyebilirsiniz.<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<p>Sonu\u00e7 olarak, Font Awesome Premiun, kullan\u0131m kolayl\u0131\u011f\u0131, performans iyile\u015ftirmeleri sa\u011flar ve t\u00fcm simge ve yaz\u0131 tiplerinizin genel olarak kolay y\u00f6netmenize olanak tan\u0131r.<\/p>\r\n\r\n\r\n\r\n<p>Planlar y\u0131lda 99 dolardan ba\u015flar (\u00fccretsiz deneme s\u00fcr\u00fcm\u00fc var).<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"682\" height=\"619\" class=\"wp-image-6993\" src=\"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2021\/06\/font-awesome-premium.png\" alt=\"\" srcset=\"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2021\/06\/font-awesome-premium.png 682w, https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2021\/06\/font-awesome-premium-300x272.png 300w\" sizes=\"auto, (max-width: 682px) 100vw, 682px\" \/><\/figure>\r\n\r\n\r\n\r\n<p>Bununla birlikte, bu premium teklif muhtemelen, daha b\u00fcy\u00fck web sitelerinin, e-ticaret ma\u011fazalar\u0131n\u0131n veya tematik web sitelerinin ilgisini \u00e7ekecek bir \u015feydir. G\u00fcn\u00fcn sonunda, muhtemelen sitenizde (en az\u0131ndan standart WordPress bloglar\u0131 i\u00e7in) yaln\u0131zca bir avu\u00e7 simgeye ihtiyac\u0131n\u0131z olur ve bunlar\u0131 da \u00e7ok s\u0131k g\u00fcncellemeyece\u011finiz i\u00e7in premium\u2019a ge\u00e7mek size bir \u015fey kazand\u0131rmaz. Fakat bir e-ticaret ma\u011fazas\u0131ysan\u0131z, bireysel \u00fcr\u00fcnler i\u00e7in \u00f6zel simgeler olu\u015fturabilir veya sayfalar\u0131 al\u0131c\u0131 i\u00e7in daha \u00e7ekici hale getirmek i\u00e7in \u00e7e\u015fitli simge kitleri kullanabilirsiniz.<\/p>\r\n\r\n\r\n\r\n<p>T\u00fcm bu nedenlerden dolay\u0131, <strong>Font Awesome Premium<\/strong>, \u00e7o\u011fu WordPress blogu i\u00e7in en iyi se\u00e7enek olmayabilir. \u00c7\u00fcnk\u00fc \u00fccretsiz teklif muhtemelen ihtiya\u00e7lar\u0131n\u0131z\u0131n %99&#8217;unu kar\u015f\u0131lar.<\/p>\r\n\r\n\r\n\r\n<p>Sonu\u00e7 olarak, Font Awesome premium&#8217;un &#8220;her \u015fey dahil&#8221; t\u00fcr\u00fcnde bir paket de\u011fildir. Ek \u00fccretli simge kitleri vard\u0131r, bu nedenle premium teklifi sat\u0131n ald\u0131ktan sonra bile \u00f6deme yapmaya devam edebilirsiniz.<\/p>\r\n","protected":false},"excerpt":{"rendered":"Ge\u00e7mi\u015fte bir web sitesi olu\u015ftururken her zaman simgelerle ilgili bir sorun ya\u015fan\u0131rd\u0131. Do\u011fru olan simgeleri nadiren bulabilirdiniz, \u00f6zellikle&hellip;\n","protected":false},"author":20,"featured_media":6994,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"csco_singular_sidebar":"","csco_page_header_type":"","csco_appearance_grid":"","csco_page_load_nextpost":"","csco_post_video_location":[],"csco_post_video_location_hash":"","csco_post_video_url":"","csco_post_video_bg_start_time":0,"csco_post_video_bg_end_time":0,"footnotes":""},"categories":[24,346],"tags":[],"class_list":{"0":"post-6988","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-wordpress","8":"category-yazilim-programlama","9":"cs-entry","10":"cs-video-wrap"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Font Awesome Nedir, Ne \u0130\u015fe Yarar? Web Sitelerinde \u0130con &amp; Font Kullan\u0131m\u0131 - Hosting.com.tr<\/title>\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.hosting.com.tr\/blog\/font-awesome\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Font Awesome Nedir, Ne \u0130\u015fe Yarar? Web Sitelerinde \u0130con &amp; Font Kullan\u0131m\u0131 - Hosting.com.tr\" \/>\n<meta property=\"og:description\" content=\"Ge\u00e7mi\u015fte bir web sitesi olu\u015ftururken her zaman simgelerle ilgili bir sorun ya\u015fan\u0131rd\u0131. Do\u011fru olan simgeleri nadiren bulabilirdiniz, \u00f6zellikle&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hosting.com.tr\/blog\/font-awesome\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hosting.com.tr\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-29T17:16:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-14T07:01:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2021\/06\/font-awesome-nedir-ne-ise-yarar-web-sitelerinde-icon-font-kullanimi.png\" \/>\n\t<meta property=\"og:image:width\" content=\"720\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Sibel Ho\u015f\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hostingcomtr\" \/>\n<meta name=\"twitter:site\" content=\"@hostingcomtr\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sibel Ho\u015f\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 dakika\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Font Awesome Nedir, Ne \u0130\u015fe Yarar? Web Sitelerinde \u0130con & Font Kullan\u0131m\u0131 - Hosting.com.tr","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.hosting.com.tr\/blog\/font-awesome\/","og_locale":"tr_TR","og_type":"article","og_title":"Font Awesome Nedir, Ne \u0130\u015fe Yarar? Web Sitelerinde \u0130con & Font Kullan\u0131m\u0131 - Hosting.com.tr","og_description":"Ge\u00e7mi\u015fte bir web sitesi olu\u015ftururken her zaman simgelerle ilgili bir sorun ya\u015fan\u0131rd\u0131. Do\u011fru olan simgeleri nadiren bulabilirdiniz, \u00f6zellikle&hellip;","og_url":"https:\/\/www.hosting.com.tr\/blog\/font-awesome\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/hosting.com.tr","article_published_time":"2021-06-29T17:16:39+00:00","article_modified_time":"2025-08-14T07:01:10+00:00","og_image":[{"width":720,"height":400,"url":"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2021\/06\/font-awesome-nedir-ne-ise-yarar-web-sitelerinde-icon-font-kullanimi.png","type":"image\/png"}],"author":"Sibel Ho\u015f","twitter_card":"summary_large_image","twitter_creator":"@hostingcomtr","twitter_site":"@hostingcomtr","twitter_misc":{"Yazan:":"Sibel Ho\u015f","Tahmini okuma s\u00fcresi":"6 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hosting.com.tr\/blog\/font-awesome\/#article","isPartOf":{"@id":"https:\/\/www.hosting.com.tr\/blog\/font-awesome\/"},"author":{"name":"Sibel Ho\u015f","@id":"https:\/\/www.hosting.com.tr\/blog\/#\/schema\/person\/769feb953535a36d98b2d05f5e3e1b73"},"headline":"Font Awesome Nedir, Ne \u0130\u015fe Yarar? Web Sitelerinde \u0130con &#038; Font Kullan\u0131m\u0131","datePublished":"2021-06-29T17:16:39+00:00","dateModified":"2025-08-14T07:01:10+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hosting.com.tr\/blog\/font-awesome\/"},"wordCount":1020,"commentCount":0,"publisher":{"@id":"https:\/\/www.hosting.com.tr\/blog\/#organization"},"image":{"@id":"https:\/\/www.hosting.com.tr\/blog\/font-awesome\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2021\/06\/font-awesome-nedir-ne-ise-yarar-web-sitelerinde-icon-font-kullanimi.png","articleSection":["WordPress","Yaz\u0131l\u0131m &amp; Programlama"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hosting.com.tr\/blog\/font-awesome\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hosting.com.tr\/blog\/font-awesome\/","url":"https:\/\/www.hosting.com.tr\/blog\/font-awesome\/","name":"Font Awesome Nedir, Ne \u0130\u015fe Yarar? Web Sitelerinde \u0130con & Font Kullan\u0131m\u0131 - Hosting.com.tr","isPartOf":{"@id":"https:\/\/www.hosting.com.tr\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hosting.com.tr\/blog\/font-awesome\/#primaryimage"},"image":{"@id":"https:\/\/www.hosting.com.tr\/blog\/font-awesome\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2021\/06\/font-awesome-nedir-ne-ise-yarar-web-sitelerinde-icon-font-kullanimi.png","datePublished":"2021-06-29T17:16:39+00:00","dateModified":"2025-08-14T07:01:10+00:00","breadcrumb":{"@id":"https:\/\/www.hosting.com.tr\/blog\/font-awesome\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hosting.com.tr\/blog\/font-awesome\/"]}]},{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.hosting.com.tr\/blog\/font-awesome\/#primaryimage","url":"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2021\/06\/font-awesome-nedir-ne-ise-yarar-web-sitelerinde-icon-font-kullanimi.png","contentUrl":"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2021\/06\/font-awesome-nedir-ne-ise-yarar-web-sitelerinde-icon-font-kullanimi.png","width":720,"height":400,"caption":"Font Awesome Nedir, Ne \u0130\u015fe Yarar? Web Sitelerinde \u0130con & Font Kullan\u0131m\u0131"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hosting.com.tr\/blog\/font-awesome\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.hosting.com.tr\/blog\/"},{"@type":"ListItem","position":2,"name":"Yaz\u0131l\u0131m &amp; Programlama","item":"https:\/\/www.hosting.com.tr\/blog\/yazilim-programlama\/"},{"@type":"ListItem","position":3,"name":"Font Awesome Nedir, Ne \u0130\u015fe Yarar? Web Sitelerinde \u0130con &#038; Font Kullan\u0131m\u0131"}]},{"@type":"WebSite","@id":"https:\/\/www.hosting.com.tr\/blog\/#website","url":"https:\/\/www.hosting.com.tr\/blog\/","name":"Hosting.com.tr","description":"Domain, Hosting, Startup\/Kobi, Dijital Pazarlama, Teknoloji, Wordpress ve Nas\u0131l Yap\u0131l\u0131r? kategorilerinde en g\u00fcncel yaz\u0131lar.","publisher":{"@id":"https:\/\/www.hosting.com.tr\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hosting.com.tr\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":"Organization","@id":"https:\/\/www.hosting.com.tr\/blog\/#organization","name":"Webhosting A.\u015e","url":"https:\/\/www.hosting.com.tr\/blog\/","logo":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.hosting.com.tr\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2025\/04\/hosting-logo.png","contentUrl":"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2025\/04\/hosting-logo.png","width":500,"height":157,"caption":"Webhosting A.\u015e"},"image":{"@id":"https:\/\/www.hosting.com.tr\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hosting.com.tr","https:\/\/x.com\/hostingcomtr","https:\/\/instagram.com\/hostingcomtr","https:\/\/www.linkedin.com\/company\/hosting-com-tr\/","https:\/\/www.youtube.com\/channel\/UCFNJq7pU_T2SEjv7UgLDtRw"]},{"@type":"Person","@id":"https:\/\/www.hosting.com.tr\/blog\/#\/schema\/person\/769feb953535a36d98b2d05f5e3e1b73","name":"Sibel Ho\u015f","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.hosting.com.tr\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/71ef095ec76abd2cd680813a0851c643003d6b211003d0d1b5eb4d0e6f04caa6?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/71ef095ec76abd2cd680813a0851c643003d6b211003d0d1b5eb4d0e6f04caa6?s=96&r=g","caption":"Sibel Ho\u015f"},"url":"https:\/\/www.hosting.com.tr\/blog\/author\/sibel\/"}]}},"_links":{"self":[{"href":"https:\/\/www.hosting.com.tr\/blog\/wp-json\/wp\/v2\/posts\/6988","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hosting.com.tr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hosting.com.tr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hosting.com.tr\/blog\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hosting.com.tr\/blog\/wp-json\/wp\/v2\/comments?post=6988"}],"version-history":[{"count":1,"href":"https:\/\/www.hosting.com.tr\/blog\/wp-json\/wp\/v2\/posts\/6988\/revisions"}],"predecessor-version":[{"id":14550,"href":"https:\/\/www.hosting.com.tr\/blog\/wp-json\/wp\/v2\/posts\/6988\/revisions\/14550"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hosting.com.tr\/blog\/wp-json\/wp\/v2\/media\/6994"}],"wp:attachment":[{"href":"https:\/\/www.hosting.com.tr\/blog\/wp-json\/wp\/v2\/media?parent=6988"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hosting.com.tr\/blog\/wp-json\/wp\/v2\/categories?post=6988"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hosting.com.tr\/blog\/wp-json\/wp\/v2\/tags?post=6988"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}