Xf2 Modifikasyon - XenForo font (Yazı Tipi) ekleme | Xenforo Türkçe Destek, XenForo Eklenti ve Tema Topluluğu

Xf2 Modifikasyon XenForo font (Yazı Tipi) ekleme


XFdestek

Kurucu Üye
XFD Üyesi
Joined
May 25, 2014
Messages
832
Reaction score
358
Points
63
Location
Türkiye
Kullanacağımız yöntem @font-face olarak geçmektedir.
Kullanmış olduğum dosyaları da ekte verdim kullanmak isteyen kullanabilir.
@font-face nedir ?

You do not have permission to view link Log in or register now.
.

  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:
Code:
@font-face {
    font-family: 'djb_messy_amanda_goes_boldRg';
    src: url('djb_messy_amanda_goes_bold-webfont.eot');
    src: url('djb_messy_amanda_goes_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('djb_messy_amanda_goes_bold-webfont.woff2') format('woff2'),
         url('djb_messy_amanda_goes_bold-webfont.woff') format('woff'),
         url('djb_messy_amanda_goes_bold-webfont.ttf') format('truetype'),
         url('djb_messy_amanda_goes_bold-webfont.svg#djb_messy_amanda_goes_boldRg') format('svg');
    font-weight: normal;
    font-style: normal;
}
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:
Code:
@font-face {
    font-family: 'djb_messy_amanda_goes_boldRg';
    src: url('/styles/font/djb_messy_amanda_goes_bold-webfont.eot');
    src: url('/styles/font/djb_messy_amanda_goes_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/styles/font/djb_messy_amanda_goes_bold-webfont.woff2') format('woff2'),
         url('/styles/font/djb_messy_amanda_goes_bold-webfont.woff') format('woff'),
         url('/styles/font/djb_messy_amanda_goes_bold-webfont.ttf') format('truetype'),
         url('/styles/font/djb_messy_amanda_goes_bold-webfont.svg#djb_messy_amanda_goes_boldRg') format('svg');
    font-weight: normal;
    font-style: normal;
}
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
Code:
font-family: 'djb_messy_amanda_goes_boldRg';
tırnaklar içerisinde yazan
djb_messy_amanda_goes_boldRg
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
 

17mart

XFD Onursal
XFD Onursal
XFD Üyesi
Joined
Apr 13, 2015
Messages
173
Reaction score
68
Points
28
Age
45
Teşekkür ederim eline sağlık
 
Lütfen Javascript'i etkinleştirin!Javascript'i etkinleştirin!