Keşfet

Xf2 Modifikasyon XenForo font (Yazı Tipi) ekleme

XFdestek

Kurucu Üye
Katılım
25 May 2014
Mesajlar
3,201
Tepkime puanı
284
Konum
Türkiye
Web sitesi
fivetu.xyz
Kullanacağımız yöntem @font-face olarak geçmektedir.
Kullanmış olduğum dosyaları da ekte verdim kullanmak isteyen kullanabilir.
@font-face nedir ?

Lütfen içeriği görebilmek için Giriş yap yada Kayıt ol
.

  1. Vermiş olduğum linke tıklayın
  2. Upload fonts butonuna tıklayarak fontunuzu seçin
  3. Yes, the fonts I’m uploading are legally eligible for web embedding. seçeneğini işaretleyin ve Download your kit butonu ile gerekli dosyayı indirin.
Aşağıdakileri dikkatlice okuyarak yapın.
İndirmiş olduğunuz dosyayı açın (Örnek: webfontkit-20150817-201812.zip) ve font adında bir klasöre çıkartın, indirmiş olduğunuz dosyaların içerisindeki stylesheet dosyasını açın.

Dosya içeriği muhtemelen şu şekildedir:
Kod:
Lütfen içeriği görebilmek için Giriş yap yada Kayıt ol to view codes content!
Burada yapmanız dikkat etmeniz gereken kısım font klasörünü atacağınız dizinin adresini doğru bir şekilde yazmaktır. Örnek olarak ben font klasörünü styles klasörüne atıcam yapmam gereken kodlardakiurl(‘ kısmından sonra gerekli dizini eklemem gereken kod /styles/font/şeklindedir.

Örnek verirsek yukarıdaki koda göre düzenlenmiş hali:
Kod:
Lütfen içeriği görebilmek için Giriş yap yada Kayıt ol to view codes content!
Dizin adresini eklediğimiz bu kodlarıda extra.css şablonuna ekliyoruz ve font klasörünü de gerekli dizine atıyoruz.

Son işlem ise font adımızın temamıza eklenmesi ve aktif edilmesi font adımız stylesheet dosyasında
Kod:
Lütfen içeriği görebilmek için Giriş yap yada Kayıt ol to view codes content!
kısmıdır.

Görünüm-Stil Özellikleri: General seçeneğine tıklıyoruz seçeneklerden Body ye tıklıyoruz ve yazı tipi kısmına font adımız olan djb_messy_amanda_goes_boldRg adı yazıyoruz.

Eğer mesajlarında yeni eklediğimiz font olarak belirlenmesini isterseniz
Stil Özellikleri-Message Elements seçeneklerden Message Text seçin ve Yazı tipi kısmına fontumuzun adınız yazın.
Ve sonuç:
Screenshot_3.png

Screenshot_4.png
 

Konu görüntüleyen kullanıcılar

Benzer konular

Geri
Üst Alt