• 21-02-2019, 02:54:25
    #1
    Arkadaşlar wordpress temalarında css şablonunda aşağıdaki kodu görüyorum bu kodun anlamı nedir ? FontAwesome diye bir font mu var tam ne işe yarar biri açıklayabilirmi ?

    font-family: "FontAwesome";
  • 21-02-2019, 02:57:46
    #2
    Font awesome çok kullanılan iconları kullanmamızı sağlayan css kütüphanesidir
  • 21-02-2019, 03:16:47
    #4
    Scorpion2763 adlı üyeden alıntı: mesajı görüntüle


    hocam bu iconları biliyorum ama css de font family ile ne alakası var onu çözemedim
  • 21-02-2019, 03:21:48
    #5
    LANCE adlı üyeden alıntı: mesajı görüntüle
    [/URL]

    hocam bu iconları biliyorum ama css de font family ile ne alakası var onu çözemedim


    Şurada diyor ki; https://fontawesome.com/start

    Bu kodu alır
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9Rw hKkMHpvLbHG9Sr" crossorigin="anonymous">
    sitenin <head> tagı arasına koyarsan:

    <i class="fa fa-user" aria-hidden="true"></i>
    Bu koduda sayfanda her hangi bir yerde kullanırsan:

    Css dosyası Class olarak alanını fa fa-user algılayıp;

    font: normal normal normal 14px/1 FontAwesome;

    seçerek:

    .fa-user::before {
    content: "f007";
    }

    olarak görüp;

    karşılığında

    https://prnt.sc/mnx9u1

    Şu iconu gösterir.
  • 21-02-2019, 03:22:44
    #6
    LANCE adlı üyeden alıntı: mesajı görüntüle
    [/URL]

    hocam bu iconları biliyorum ama css de font family ile ne alakası var onu çözemedim
    fontawesome
  • 21-02-2019, 03:24:02
    #7
    teşekkür ederim hocam @Scorpion2763
  • 21-02-2019, 03:48:45
    #8
    Ek olarak dilerseniz sürekli kullandığım ve web font olarak da çıktı imkanı veren - https://www.flaticon.com/ adresinde istediğiniz iconları liste yapıp direk olarak web sayfalarınız da icon font olarak da kullanabilirsiniz.