CSS'ye Wingdings Nasıl Eklenir

Basamaklı Stil Sayfaları (CSS), Web sayfalarını biçimlendirmenin kullanışlı bir yoludur. Bir web sitesinin tasarımının tüm yönlerini harici bir stil sayfasında şekillendirebilirsiniz ve bu stil sayfasında yaptığınız değişiklikler birden çok Web sayfasını etkileyebilir. Yazı tipleri, CSS aracılığıyla kolayca yeniden yapılandırılabilir. İnternette kullanım için standartlaştırılmış bir yazı tipi listesi vardır. Wingdings bu fontlar arasında yer almamaktadır ve tüm bilgisayarlarda varsayılan olarak bulunmayan bir fonttur. Neyse ki, bir Web sayfasını Wingdings'i kullanacak şekilde yapılandırmak için CSS'yi kullanmaya devam edebilirsiniz.

Aşama 1

CSS dosyanızı Not Defteri'nde açın.

Günün Videosu

Adım 2

Wingdings'te biçimlendirilecek nesne için yeni bir sınıf veya kimlik oluşturun. Bu parametreyi bir kereden fazla çağıracaksanız bir sınıf kullanın. Yalnızca bir kez arayacaksanız bir kimlik kullanın. Örneğin, "deli" adlı bir sınıf oluşturmak için aşağıdakini yazın:

.deli {

Aşama 3

Wingdings'i sınıfınızın veya kimliğinizin "font-family" özelliği içinde belirtin. Örneğin, "deli" sınıfı için:

.crazy { yazı tipi ailesi: wingdings}

4. Adım

HTML dosyanızda Wingdings'te oluşturmak istediğiniz öğeyi bulun. Bu öğeyi, Wingdings'in uygulandığı sınıfın veya kimliğin bir örneği olarak belirtin. Örneğin, istenen öğe bir "div" ise:

Bu "div" içindeki metin Wingdings'de biçimlendirilecektir.

Uyarı

Pek çok tarayıcı Wingdings'i desteklemez ve birçok bilgisayarın varsayılan yazı tipi setinde Wingdings bulunmaz. Bu nedenle, çoğu tarayıcı Wingdings'i düzgün bir şekilde görüntülemeyecektir. Bu tür karmaşıklıklardan kaçınmak için, istenen her Wingdings karakterini Unicode aracılığıyla kodlamak en iyisidir (ilgili Unicode karakterlerinin listesi için Kaynaklara bakın.)