Merhabalar, bildiğiniz üzere font awesome kökten değişim yaptı ve 5.0 versiyonuna geçti.
Birçok arkadaş sitesine eklerken zorlanacak diye düşünüyorum. O yüzden kullanım konusu açayım dedim.
İlk olarak bu kodu headerinclude şablonunda istediğiniz yere ekleyin.
Sonra bu siteden istediğiniz ücretsiz(sol kısımdan Free butonuna basınız.) iconu seçin:
Örnek veriyorum seçtiğimiz ikon bu:
Nereye eklemek istiyorsak seçtiğimiz ikonun kodunu oraya ekliyoruz. Eklediğimiz zaman ikon gözükecektir.
Not: Eklediğimiz iconlar svg kodu ile gözükecektir. Bence bu gayet güzel bir sistem.
2. Not: Seçtiğimiz iconun classında far fal değilde fas olmasına dikkat edin. Aksi taktirde icon gözükmeyecektir.
3. Not: Zaten Font Awesome'nin eski sitesine girmiyor. Font Awesome 4.7 sürümünü ancak eski kodlar ile kullanabilirsiniz.
Birçok arkadaş sitesine eklerken zorlanacak diye düşünüyorum. O yüzden kullanım konusu açayım dedim.
İlk olarak bu kodu headerinclude şablonunda istediğiniz yere ekleyin.
Kod:
<script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>Sonra bu siteden istediğiniz ücretsiz(sol kısımdan Free butonuna basınız.) iconu seçin:
Kod:
https://fontawesome.com/iconsÖrnek veriyorum seçtiğimiz ikon bu:
Kod:
<i class="fas fa-bicycle"></i>Nereye eklemek istiyorsak seçtiğimiz ikonun kodunu oraya ekliyoruz. Eklediğimiz zaman ikon gözükecektir.
Not: Eklediğimiz iconlar svg kodu ile gözükecektir. Bence bu gayet güzel bir sistem.
2. Not: Seçtiğimiz iconun classında far fal değilde fas olmasına dikkat edin. Aksi taktirde icon gözükmeyecektir.
3. Not: Zaten Font Awesome'nin eski sitesine girmiyor. Font Awesome 4.7 sürümünü ancak eski kodlar ile kullanabilirsiniz.
React.js • Next.js • Tailwind CSS
"Son Tema Ekibi Lideri"
