• WM Clubu - Yeni Nesil Webmaster Forumu
Giriş Yap Üye Ol


Konu Bilgileri 
Konu : Web Sayfaları Font Awesome İcon Uyumlu Nasıl Yapılır ?
Yazar : Invite      
Cevap Sayısı : 0 Görüntüleme : 61

Forum içerisindeki kategorilerde yapılan tüm bilgi ve paylaşımlar öncesinde lütfen (Forum Kuralları'nı) okuyunuz.

Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5
Web Sayfaları Font Awesome İcon Uyumlu Nasıl Yapılır ?
#1
Yeni nesil birçok web yazılımda font awasome iconları sorunsuz kullanılmöaktadır bazı eski kodlamalar ile kodlanmış olan CMS Hazır sistemler ve php scriptler vardır bunlara font awasome iconları'nı nasıl ekleyeceğinizi sizlere göstereceğiz.
Öncelikle font awasome'nin web sayfasına giriş yapıyoruz ve oradan font awasome iconlarının paketini indiriyoruz.
Daha sonra indirmiş olduğumuz paket içerisinde bulunan dosyaları script yada diğer cms yazılımınızın kutulu olduğu anadizinine atıyoruz.
Daha sonra açağıdaki kodu <head> ile başlayıp </head> ile biten kısmın bitimde olan </head> öncesine ekliyoruz.
Kod:
<link rel="stylesheet" href="css/font-awesome.min.css">
Aşağıdaki Örnel HTML kodlamada bu kodu
Kod:
<link rel="stylesheet" href="css/font-awesome.min.css">
Görüldüğü gibi aşağıdaki gibi ekliyoruz
Kod:
<!DOCTYPE html>
<html>
<head>
   <title>Font Awesome | Barış Akbaş</title>
   <link rel="stylesheet" href="css/font-awesome.min.css">
</head>
<body>
<i class="fa fa-address-book" aria-hidden="true"></i>
</body>
</html>
Sizlere diğer bir örnek olarak ekleme sistemini CDN şeklinde aşağıdaki kodlar ile verebiliriz aynı şekilde </head> tagından önce aşağıdaki kodları ekleyerek font awasome iconları'nı kullanabilirsiniz.
Kod:
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
 
Alinti
Teşekkür tarafından verilen:
  


Anahtar Kelimeler

Web Sayfaları Font Awesome İcon Uyumlu Nasıl Yapılır ?, Web Sayfaları Font Awesome İcon Uyumlu Nasıl Yapılır ? indir, Web Sayfaları Font Awesome İcon Uyumlu Nasıl Yapılır ? Videosu, Web Sayfaları Font Awesome İcon Uyumlu Nasıl Yapılır ? online izle, Web Sayfaları Font Awesome İcon Uyumlu Nasıl Yapılır ? Bedava indir, Web Sayfaları Font Awesome İcon Uyumlu Nasıl Yapılır ? Yükle, Web Sayfaları Font Awesome İcon Uyumlu Nasıl Yapılır ? Hakkında, Web Sayfaları Font Awesome İcon Uyumlu Nasıl Yapılır ? nedir, Web Sayfaları Font Awesome İcon Uyumlu Nasıl Yapılır ? Free indir, Web Sayfaları Font Awesome İcon Uyumlu Nasıl Yapılır ? oyunu, Web Sayfaları Font Awesome İcon Uyumlu Nasıl Yapılır ? download


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi