Makale Başlıkları
Font Awesome, web sitelerinde kullandığımız simge sembollerini CSS olarak tasarlayan ve bizim için kullanılabilir hale getiren bir CSS kütüphanesidir. Aslında ilk olarak web siteleri için piyasaya sürülen FontAwesome, bugün o kadar büyüdü ki, sadece web’de değil, Android, iOS, PC ve hatta oyun konsolları gibi birçok yerde uygulama geliştirmede kullanılabilir.
CSS desteğine ek olarak, artık SVG desteği de var, görüldüğü gibi web sitelerinde ve geliştirilen uygulamalarda kullanabileceğiniz Font Awesome Icon Pack’ler bulunmaktadır. FontAwesome, sembolik bir fonttur. Profesyonel sürümde 4500’den fazla simgeye ve 1400’den fazla ücretsiz simgeye sahiptir. Aklınıza gelebilecek birçok sembol türü içerir. Sitenizi FontAwesome ile bağladığınızda, basit bir HTML etiketiyle herhangi bir simgeye erişebilirsiniz.
Çevrim içi olarak sunulan birçok simge paketindeki en yaygın sorun, belirli boyutlarda iyi görünmeleridir. Ancak FontAwesome sembolleri farklıdır. Her yerde çalışır ve kullanmayı seçtiğiniz boyut ne olursa olsun harika görünür.
FontAwesome, sembol eklemeyi kolaylaştıran bir font çerçevesidir. Bunlar web sitenizdeki menüleriniz, başlıklarınız vb. Bir simge eklemek istiyorsanız, ”.png” uzantılı görseller aramaya devam etmeniz gerekmez. Bunun için Font Awesome size yeter.
FontAwesome ve alternatifleri piyasaya çıkmadan önce, uygulamalarımız için kullanacağımız sembolleri herhangi bir görsel düzenleyicide tasarlamak ve PNG veya SVG gibi çıktılarla kullanmak zorundaydık. Bu yüzden simgeleri oluşturmak biraz zaman aldı. Sonuçta oluşturduğumuz simgeler, web sitesinin daha yavaş açılması gibi sorunlara neden oldu. Font Awesome bize bir çözüm sunuyor ve elbette işimize yarıyor.
Sitemizde kullanacağımız bir ikonu tasarlayıp birkaç dakika içerisinde siteye uyarlamak yerine yazdığımız 30-40 haneli kodları kullanarak sitemize veya uygulamamıza eklemek daha kullanışlı ve değerlidir. Aynı zamanda CSS ile tasarlandıkları için bu semboller PNG gibi yapılardan çok daha hızlı çalışır. Bu yüzden Font Awesome’i kullanmalıyız. FontAwesome dosyalarını en son sürümleriyle indirip web sitemize eklemek yerine, bunları FontAwesome kullanımı API ile kolayca ekleyebiliriz.
İndirmeden Font Awesome kullanımı için, önce FontAwesome web sitesine gitmeli ve bir hesap oluşturmalısınız. Hesabınızı oluşturduktan sonra Font Awesome’in projeniz için size sunduğu bağlantı adresini verdikten sonra Font Awesome’i projelerinizde rahatlıkla kullanabilirsiniz. Font Awesome’in size verdiği bağlantı
<link href = ‘https: //stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css’ rel = ‘stil sayfası’ />
Formda projenize dâhil etmeniz yeterlidir. Projenize ekledikten sonra
<i class = “fa fa-user-plus”> </i>
<i class = “fa-try”> </i>
Gibi kodlarla istediğimiz sembolleri kullanabiliriz. Tüm FontAwesome sembolleri arasında arama yapmak istiyorsanız, Font Awesome sembolleri arama sayfasını ziyaret edebilirsiniz.
Linkler kullanılarak açılan bağlantılar ile ulaşılan ”Font Awesome indir” ile program indirildikten sonra projenize eklemeye hazırdır.
<link rel = “stylesheet” href = “fontawesome5 / css / font-awesome.css” /> // eski sürümler bu şekilde kullanılır.
<link rel = “stylesheet” href = “fontawesome5 / css / all.css” /> // bu şekilde
<link rel = “stylesheet” href = “fontawesome5 / css / all.css” /> // yeni
güncellemede bu şekilde kullanıldı. Yukarıdaki gibi, font-awesome.css dosyasının <head> </head> etiketleri arasına konumunu belirtmek için kod ekleyebilir ve kullanabilirsiniz. Sembolleri kullanmak istediğimiz projemize Font Awesome’i ekledikten sonra
<i class = “fa fa-user-plus”> </i>
<i class = “fa-try”> </i>
Gibi kodlarla istediğimiz sembolleri kullanabiliriz.
WordPress sitenize Font Awesome kurulumu için iki seçeneğiniz vardır:
İki seçeneğiniz olmasına rağmen, teknoloji konusunda bilgili değilseniz, FontAwesome’i eklentileri kullanarak yüklemek manuel olarak yüklemekten daha kolay bir seçenektir. Yüklemek için bir FontAwesome eklentisi arıyorsanız, aşağıda size 2 önerimiz var:
Better FontAwesome kullanıyorsanız, bu işlevi elde etmek oldukça kolaydır. Eklentiyi kurmanız ve etkinleştirmeniz yeterlidir.
FontAwesome Premium’a yükseltmeye karar veremiyorsanız, FontAwesome’in premium özelliklerine birlikte göz atın:
FontAwesome premium teklif büyük olasılıkla daha büyük çapta ki web sitelerine, e-ticaret mağazalarına veya temalı web sitelerine hitap edecektir. Sonuçta, muhtemelen sayfanızda yalnızca birkaç simgeye ihtiyacınız var (en azından standart WordPress blogları için) ve bunları çok sık güncellemediğiniz için Premium size hiçbir fayda sağlamayacaktır. Ancak, bir çevrimiçi mağazaysanız, sayfalarınızı alıcınız için daha çekici hale getirmek için tek tek ürünler için özel simgeler oluşturabilir veya farklı simge setleri kullanabilirsiniz.
Tüm bu nedenlerle FontAwesome Premium, çoğu WordPress blogu için en iyi seçim olmayabilir. Çünkü ücretsiz teklif muhtemelen ihtiyaçlarınızın %99’unu karşılıyor. Sonuç olarak, FontAwesome her şey dâhil bir premium paket değildir. Premium teklifi satın aldıktan sonra ödemeye devam edebilmeniz için ek ücretli simge paketleri mevcuttur.
Alastyr Teknoloji, domain (alan adı), web hosting, bulut sunucu (cloud server) ve veri merkezi hizmetleri ile siz de projelerinizi hayata geçirebilirsiniz. Hızlı, güvenli ve ekonomik web çözümlerimiz ile ihtiyacınız olan performansa sahip olun. Türkiye’nin en çok tavsiye edilen domain ve hosting firması Alastyr, güçlü teknoloji alt yapısı, en güncel yazılımları, 7/24 Türkçe Destek hizmeti ve 15 gün koşulsuz iade garantisi ile hizmet vermektedir.
Web projeleriniz için en uygun fiyatlarla domain satın al. Bireysel ve kurumsal web projeleriniz için bulut sunucu kirala. Web sitelerinizi hızlı, güvenli ve yüksek performans ile yayınlayabileceğiniz en iyi hosting paketine sahip ol.
