lostyazilim
tr.link

FOnt awesome ikonu (heart-o) nasıl düzenlerim

7 Mesajlar 1.077 Okunma
lstbozum
tr.link

ismail03 ismail03 WM Aracı Kullanıcı
  • Üyelik 28.11.2013
  • Yaş/Cinsiyet 30 / E
  • Meslek Ameliyathane Hemşiresi
  • Konum Afyon
  • Ad Soyad I** Ç**
  • Mesajlar 2633
  • Beğeniler 344 / 487
  • Ticaret 12, (%100)
İyi günler yapmak istediğim

Bu gibi

yıldızda yarısı dolu kalpte nasıl bunu yapabilirim ?
Fontawesome de heart-half-empty olmadığını belirteyim
 

 

wmaraci
reklam

erbasaran erbasaran Yazılım Mühendisi Kullanıcı
  • Üyelik 01.07.2011
  • Yaş/Cinsiyet 34 / E
  • Meslek Yazılım Mühendisi
  • Konum Ankara
  • Ad Soyad R** E**
  • Mesajlar 309
  • Beğeniler 2 / 77
  • Ticaret 70, (%100)
Font awesome 'da yoksa alternatif bulacaksınız. Ya kendi svg dosyanızı fonta dönüştürüp kullanırsınız ya da yarısı dolu kalp olan bir alternatif font sitesi bulursunuz.

fontello.com sitesinden mevcut ikonlardan istediklerinizi seçip font oluşturabilir ya da kendi svg nizi yükleyip font oluşturabilirsiniz.
 

 

imza yok...

ismail03 ismail03 WM Aracı Kullanıcı
  • Üyelik 28.11.2013
  • Yaş/Cinsiyet 30 / E
  • Meslek Ameliyathane Hemşiresi
  • Konum Afyon
  • Ad Soyad I** Ç**
  • Mesajlar 2633
  • Beğeniler 344 / 487
  • Ticaret 12, (%100)

erbasaran adlı üyeden alıntı

Font awesome 'da yoksa alternatif bulacaksınız. Ya kendi svg dosyanızı fonta dönüştürüp kullanırsınız ya da yarısı dolu kalp olan bir alternatif font sitesi bulursunuz.

fontello.com sitesinden mevcut ikonlardan istediklerinizi seçip font oluşturabilir ya da kendi svg nizi yükleyip font oluşturabilirsiniz.


Svg nedir bilmiyorum ama typicon buldum bi soru sorsam şimdi ben fontello da font olurştırsam artısı ne oluyor ? bide class ları fa fa-heart gibi kullanabiliyor muyum kendim bu adı belirleyebiliyor muyum :) teşekkürler eğer dediğim gibi olursa typicon ile font awesome tek font yaparım
 

 

erbasaran erbasaran Yazılım Mühendisi Kullanıcı
  • Üyelik 01.07.2011
  • Yaş/Cinsiyet 34 / E
  • Meslek Yazılım Mühendisi
  • Konum Ankara
  • Ad Soyad R** E**
  • Mesajlar 309
  • Beğeniler 2 / 77
  • Ticaret 70, (%100)
Fontello'da istediğiniz fontları seçin. Üstten "Customize Names" e tıklayın. Oradan istediğiniz gibi isimlendirebilirsiniz. Class isimleri "icon-" ile başlamak zorundadır. Zaten bu kısmı değiştiremezsiniz, bundan sonraki ismi düzeltebilirsiniz.

Fontello'da font oluştursanız artısı ne oluyor derseniz olay şudur. İndireceğiniz font'ta sadece seçtiğiniz ikonlar bulunmaktadır, tüm ikonlar yoktur.
ismail03

kişi bu mesajı beğendi.

imza yok...
wmaraci
wmaraci

ismail03 ismail03 WM Aracı Kullanıcı
  • Üyelik 28.11.2013
  • Yaş/Cinsiyet 30 / E
  • Meslek Ameliyathane Hemşiresi
  • Konum Afyon
  • Ad Soyad I** Ç**
  • Mesajlar 2633
  • Beğeniler 344 / 487
  • Ticaret 12, (%100)

erbasaran adlı üyeden alıntı

Fontello'da istediğiniz fontları seçin. Üstten "Customize Names" e tıklayın. Oradan istediğiniz gibi isimlendirebilirsiniz. Class isimleri "icon-" ile başlamak zorundadır. Zaten bu kısmı değiştiremezsiniz, bundan sonraki ismi düzeltebilirsiniz.

Fontello'da font oluştursanız artısı ne oluyor derseniz olay şudur. İndireceğiniz font'ta sadece seçtiğiniz ikonlar bulunmaktadır, tüm ikonlar yoktur.


Çözdüm güncel svg yi sürükle alıyorsun :D
 

 

emreorhan emreorhan WM Aracı Kullanıcı
  • Üyelik 27.12.2013
  • Yaş/Cinsiyet 27 / E
  • Meslek Yazılım Mühendisi
  • Konum İstanbul Anadolu
  • Ad Soyad E** O**
  • Mesajlar 384
  • Beğeniler 35 / 29
  • Ticaret 3, (%67)
stil dosyasına şunu ekle:

.fa-heart-half-empty{
background: #ffffff;
background: -moz-linear-gradient(left, #ffffff 0%, #efefef 50%, #ea7b0b 50%, #ea7b0b 71%, #ea7b0b 100%);
background: -webkit-linear-gradient(left, #ffffff 0%,#efefef 50%,#ea7b0b 50%,#ea7b0b 71%,#ea7b0b 100%);
background: linear-gradient(to right, #ffffff 0%,#efefef 50%,#ea7b0b 50%,#ea7b0b 71%,#ea7b0b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ea7b0b',GradientType=1 );
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}

gülücük gelmiş oraya birleşik ": D" yap
ismail03

kişi bu mesajı beğendi.

ismail03 ismail03 WM Aracı Kullanıcı
  • Üyelik 28.11.2013
  • Yaş/Cinsiyet 30 / E
  • Meslek Ameliyathane Hemşiresi
  • Konum Afyon
  • Ad Soyad I** Ç**
  • Mesajlar 2633
  • Beğeniler 344 / 487
  • Ticaret 12, (%100)

emreorhan adlı üyeden alıntı

stil dosyasına şunu ekle:

.fa-heart-half-empty{
background: #ffffff;
background: -moz-linear-gradient(left, #ffffff 0%, #efefef 50%, #ea7b0b 50%, #ea7b0b 71%, #ea7b0b 100%);
background: -webkit-linear-gradient(left, #ffffff 0%,#efefef 50%,#ea7b0b 50%,#ea7b0b 71%,#ea7b0b 100%);
background: linear-gradient(to right, #ffffff 0%,#efefef 50%,#ea7b0b 50%,#ea7b0b 71%,#ea7b0b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ea7b0b',GradientType=1 );
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}


gülücük gelmiş oraya birleşik ": D" yap


keşke şu mesajı ilk zamanlar ataydın :) teşekkür ederim typicon çözdü sorunu eğerki typicon kullanmassam deneyeceğim
 

 

wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al