HTML iconlar gözükmüyor

ZANTE ARTZ

Hectopat
Katılım
11 Şubat 2019
Mesajlar
875
Çözümler
3
Merhabalar, HTML ve CSS ile basit bir web sitesi tasarlamaya çalışıyorum. Yeni başladığım için YouTube'dan bir videoya bakarak yapmaya çalışıyorum ancak index.html'ye eklediğim iconlar gözükmüyor, yardımcı olur musunuz?

Kod:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kişisel Web Sitesi</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" integrity="sha512-+4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA==" crossorigin="anonymous" />">
</head>
<body>
<div class="box">
<img src="kirmizi.png">
<h1>ZANTE ARTZ</h1>
<H5>Video editörü,Grafik Tasarımcı</H5>
<p>Edit yaparım vido çekerim kanala abone olun.</p>
<ul>
<li><a href="#"><i class="fab fa-faceboook"></i></a></li>
<li><a href="#"><i class="fab fa-instagram"></i></a></li>

</ul>
</div>
</body>
</html>

Fab fa-facebook ve fab fa-instagram iconları çıkmıyor.
 
fa-facebook ve fa-instagram classları HTML'nin kendisinde yok.

Bunu kullanın. Tanıtacağınız kodlar vb. yazıyor.
Get Started with Font Awesome

Edit: Pardon, kodları pek incelemedim. Tanıtmışsın. İnternetteki linkini tanıtmak yerine indirip şöyle tanıtın:
  1. <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
Dizini değiştirin tabii. Örnek bu. Font-Awesome neredeyse oraya tanıtın.
 
İndirmenize gerek yok. Font awesome sitesine girin kayıt olun orada size link verecek onu kopyalayıp yapıştırın sorun çözülecektir.
 
İndirmenize gerek yok. Font awesome sitesine girin kayıt olun orada size link verecek onu kopyalayıp yapıştırın sorun çözülecektir.
Kod kayıt olunca mı veriliyor? Font-Awesome ile işim olmadığından bilmiyorum. Ben resim olarak eklemeyi tercih ederim. Bazı platformların ikonu Font-Awesome'de yok ve böyle şeyler kullanınca sanki tekdüze oluyor. Tasarım yapıp sitenin diğer kısmına uygun renklerde ve şekilde ikonlar eklemek daha kaliteli.
 
Kod kayıt olunca mı veriliyor? Font-Awesome ile işim olmadığından bilmiyorum. Ben resim olarak eklemeyi tercih ederim. Bazı platformların ikonu Font-Awesome'de yok ve böyle şeyler kullanınca sanki tekdüze oluyor. Tasarım yapıp sitenin diğer kısmına uygun renklerde ve şekilde ikonlar eklemek daha kaliteli.

Evet mail adresinizi giriyorsunuz kod ondan sonra gözüküyor. Resim olarak eklemek projenin boyutunun artmasına sebep oluyor. Bu nedenle ben Font Awesome kullanıyorum.
 
Evet mail adresinizi giriyorsunuz kod ondan sonra gözüküyor. Resim olarak eklemek projenin boyutunun artmasına sebep oluyor. Bu nedenle ben Font Awesome kullanıyorum.
Resmin çözünürlüğü fazla büyük olmazsa boyutu artmayacaktır. Yine de kullanılabilir tabii. Performans önemli olsa da benim birinci önceliğim tasarımı. Giren kişinin gözünü boyaması ve ürün satıyorsa almaya veya ne yapıyorsa ona eğilimli olmaya yönlendirmelidir.
 
Resmin çözünürlüğü fazla büyük olmazsa boyutu artmayacaktır. Yine de kullanılabilir tabii. Performans önemli olsa da benim birinci önceliğim tasarımı. Giren kişinin gözünü boyaması ve ürün satıyorsa almaya veya ne yapıyorsa ona eğilimli olmaya yönlendirmelidir.
Resim eklemektense SVG ikonları fonta dönüştürmek her zaman daha mantıklıdır. Bunun için hazır uygulamalar kullanılabilir.

 

Yeni konular

Geri
Yukarı