Categories: Web Yöneticisi

Font Awesome Kullanımı – İkonik Font

Font awesome ikonları font haline getirilmiş, bize kullanım kolaylığı sağlayan kullanışlıklı bir ikonik font sistemi. Bu yazımda font awesome’un kullanımdan bahsedeceğim.

Kullanımı Nasıldır?

  • Kendi internet sitesinden dosyaları indirelim: https://fortawesome.github.io/Font-Awesome/
  • İndirilen zip dosyasının içinden css ve font klasörlerini kullanacağız. Bu dosyaları kullanacağımız projenin, tasarımın olduğu klasöre kopyalayalım. (less ve sass kullanıyorsanız diğer dosyaları da kullanabilirsiniz.)
  • index sayfamızda <head> kodları arasına css dosyalarını çağıralım.
    <link rel="stylesheet" href="css/font-awesome.min.css" />
    <!-- ie7 fix -->
    <link rel="stylesheet" href="css/font-awesome-ie7.min.css" />
  • İşlem bu kadar.

https://fortawesome.github.io/Font-Awesome/icons/ adresinden kullanacağınız fontu seçip kodu alabilirsiniz.

Örneğin ben arama ikonunu seçiyorum. Kodum şu şekilde;

<i class="fa fa-search"></i>

İkonların boyularını da bu linkte anlatıldığı gibi belirleyebilirsiniz.

hgtucel

View Comments

Share
Published by
hgtucel

Son Makaleler

macOS Klavye <" Karakter Sorunu Çözümü

macOS işletim sistemli bilgisayarlarda usb ile harici klavye tanımladığınızda <" karakterlerinde problem yaşanıyor. Klavyede "…

5 yıl ago

Cocoapods could not find compatible versions for pod “firebase_core”: Hatası Çözümü

Flutter, React Native ile veya native olarak iOS uygulaması geliştirirken firebase kurulumunda problemler çok yaşanıyor.…

5 yıl ago

PortakalBahcem.Com Nasıl ? Alışveriş Deneyimi

Portakalbahcem.com üzerinden 4kg finike portakalı satın aldım. İnstagram üzerinden reklam ile tanıştığım bu siteden yaptığım…

5 yıl ago

Düzce Üniversitesi Kar Yağışı Eşliğinde – Öğrencilik Zamanlarından

Düzce Üniversitesinde ikinci sınıfta öğrenci iken bir internet sıkıntısı yaşamış ve okulun kütüphanesinden yararlanmak için…

5 yıl ago

Windows ile Linux Kurulu (Dual Boot) Bilgisayarda Saat Sorunun Çözümü

Bilgisayarınızda Windows'un yanına Linux kurulu ise muhtemelen saatin yanlış göstermesi sorununu yaşayacaksınız. Dual Boot yöntemi…

5 yıl ago

Modus Kedi – Köpek Kovucu İncelemesi

Modus kedi köpek kovucu satın aldım. İnceleme yapıp, deneyimlerimi paylaşacağım. Piknik alanlarında, bahçeli yerlerde kardeşlerim…

5 yıl ago

This website uses cookies.