15 Eylül 2018 Cumartesi

Font Awesome v5 ikon kullanımı!


Bugün, Font Awesome'ın yeni versiyonunu kullanmaya başladım. Yeni versiyonu nasıl kullanacağınız konusunda zorlanıyorsanız eğer, sizlere yardımcı olacak bu yazımı okumanızı öneriyorum. Öyleyse hemen nasıl kullanacağınıza dönelim.

Font Awesome V5 İkonlarını Nasıl Kullanırım?

Alttaki kodu; <head> kodunun altına ekleyin.

<link crossorigin="anonymous" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" rel="stylesheet"></link>

Ardından da, alttaki örneklerden yola çıkarak; linke tıklayın, istediğiniz ikonların isimlerini alıp, alttaki koyu yazılmış "home" isminin yerine yazınız. Bu sayede, ikonları rahatlıkla kullanabilirsiniz.

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

Önemli Not: İkonları istediğiniz yere ekleyebilirsiniz. Menülerin yanı olur, yazıların yanı olur. İstediğiniz yerde kullanabilirsiniz.

, , , , ,

Yazar Hakkında

Bloğun yazarı, kurucusu ve editörüyüm. Aynı zamanda başka sitelerde de editörlük yapmaktayım. Benimle iletişime geçmek için: abdullamertoglu@gmail.com adresinden mail yollayabilirsiniz.

1 yorum:

  1. İcon fontlarını kullanırken kafayı yedirten font türüdür. Birde pro sürümü vardır ki çok enfes ikonlara sahiptir.

    YanıtlaSil