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

Bu blogda içerik üretmekteyim ve Android tabanlı uygulama geliştirmek için çabalıyorum. İleride yazacağım birçok içerikten haberdar olabilmek için: ikonuna basarak takip edebilirsiniz...

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