font-family: "FontAwesome"; Nedir?

21-02-2019, 02:54:25

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

rastena

Font awesome çok kullanılan iconları kullanmamızı sağlayan css kütüphanesidir

21-02-2019, 03:12:21

#3

ACEY

https://fontawesome.com/icons?d=gallery

21-02-2019, 03:16:47

#4

LANCE

Scorpion2763 adlı üyeden alıntı: mesajı görüntüle

https://fontawesome.com/icons?d=gallery

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

21-02-2019, 03:21:48

#5

ACEY

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

FARKHOSTİNG

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

LANCE

teşekkür ederim hocam @Scorpion2763

21-02-2019, 03:48:45

#8

gtopkara

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.