Önceden, site oluştururken bitmap simgeleri kullanmak zorundaydınız. Güzeldi, ancak çeşitli nedenlerle rahatsız ediciydi. Bugün vektör simgeleri, raster simgelerin yerini almıştır. Bu, sitenizi süsleyecek ve yenileyecek özgün ve zarif bir çözümdür.
Talimatlar
Aşama 1
Simgelerden yazı tipleri oluşturmak için iyi bir web hizmeti var. Adı Fontastic. Tamamen ücretsizdir ve reklam içermez. İlk adım, hizmet web sitesine kaydolmaktır. Fontastic.me web sitesine gidin, giriş alanlarına e-posta adresinizi girin ve bir şifre oluşturun, ardından büyük sarı düğmeye tıklayın "Simge Yazı Tipinizi Oluşturun". Bazen başarılı kaydı onaylayan hiçbir bilgi görüntülenmez. Endişelenme, bir sonraki adıma geç.
Adım 2
Şimdi sağ üst köşede bulunan "Giriş" düğmesine tıklayın. Açılan sayfada e-posta ve şifrenizi tekrar giriniz, "Giriş" butonuna basınız.
Birkaç saniye bekledikten sonra simgelerden yazı tipi oluşturma paneli açılacaktır.
Aşama 3
İşte çok çeşitli simgeler. Beğendiğiniz simgelere fare ile tıklayarak istediğiniz kadar simge seçin. En üstte, "YAYINLA" kelimesinden sonra seçilen simgelerin sayısı gösterilir.
4. Adım
Sunulan numaradan yeterli simgeniz yoksa, sayfanın en altına gidin ve "Daha fazla simge ekle" yazan düğmeyi bulun. Üstüne tıkla.
Adım 5
Ek simge paketleri içeren bir sayfa açılacaktır. Bazıları ücretlidir ("Premium" etiketli), bazıları ücretsizdir. Ek simgeleri etkinleştirmek için seçilen paketlerdeki "ETKİNLEŞTİR" düğmesine basın. Şimdi, üst menüdeki "Ana Sayfa" düğmesine tıklayarak kontrol panelini kullanmaya başladığınızda, mevcut simgeler genel listesinde görünecekler.
6. Adım
Kendi simgelerinizi eklemeniz gerekiyorsa, aynı sayfada sağ üstteki "SİMGELERİ İÇERİ AL" düğmesine tıklayın. Artık kendi simgelerinizi yükleyebilirsiniz. Lütfen yalnızca SVG vektör biçiminin desteklendiğini unutmayın.
7. Adım
Gerekli sayıda simgeyi seçtikten sonra "ÖZELLEŞTİR" düğmesine basın. Burada seçilen tüm simgeleri göreceksiniz ve bunlara, CSS stillerinde atıfta bulunacağınız keyfi sınıf adları atayabilirsiniz. Veya sistemin simgelere atadığı varsayılan adları bırakabilirsiniz.
8. Adım
"YAYINLA" düğmesine basın. Burada oluşturulan vektör simgesi yazı tipini ("İNDİR" düğmesi) indirebilirsiniz. Servis tarafından oluşturulan yazı tipi arşivini bilgisayarınıza indirin.
9. Adım
İndirilen arşiv, CSS stil dosyasını, simge sınıflarının adlarını içeren HTML dosyasını ve yazı tiplerini içeren "fontlar" klasörünü içerir. Bu simge yazı tipi web sitenizde kullanılabilir.
Adım 10
Oluşturulan simge yazı tipini kullanmak için aşağıdakileri yapmanız gerekir:
- arşivin içeriğini açın ve sitenize stillerle dizinde yükleyin;
- bu simge yazı tipiyle çalışacak tüm site sayfalarının HEAD bölümüne bir CSS dosyasına bağlantı ekleyin;
- Sayfa kodunda, yeni oluşturulan ikon yazı tipini kullanmak için daha önce oluşturulan sınıfların adını kullanıyoruz.
