• Merhaba Ziyaretçi hoşgeldin !
    Forumdan daha fazla yararlanmak için buradan kayıt olunuz
    Lutfen aşağıdaki bilgilendirmeyi okuyun !!
    Forum sayfamız yeni bir yapılandırma içerisine girmiştir ve yapılandırma yapılırken veri kaybı ve üye kaybı yaşamıştır değerli üyelerimize yeniden üye olmalarını rica ederiz.

Web Sayfaları Font Awesome İcon Uyumlu Nasıl Yapılır ?

ticoal

Administrator
Yönetici
WMC Üye
Katılım
14 Mar 2019
Mesajlar
114
Puanları
16
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">
 
Üst Alt