Giriş Yap / Kayıt Ol

WM Aracı'na üyelikler tekrar açıldı! Kayıt olmak için TIKLAYIN!


Cevap Yaz Favorilerime Ekle
Seçenekler Stil
Geri Git   Forum > > HTML - CSS - XML

@font-face İle İlgili Sorularım Var

  #1  
Okunmamış 05 Ekim 2019, 04:32
SkyGhostAir Adlı Üyenin Avatarı
Dost3K - Miyavliyo
 
Üyelik Tarihi: 01 Kasım 2012
Yaş / Cinsiyet: 27 / Erkek
Meslek: Girişimci
Konum: Balıkesir
Ad, Soyad: Mu... Di...
Mesajlar: 1.305
Beğeniler: 191 / 160
Ticaret: 5, 100%
Sitemde Nunito fontunu kullanmak istiyorum ancak panelden aktif ettiğimde dosyayı dışarıdan çekiyor ve şu şekilde görünüyor;
Kod:
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
src: local('Nunito Regular'), local('Nunito-Regular'), url(https://dost3k.com/wp-content/themes/gridlove/assets/fonts/3.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
Burada yazan "unicode-range" değerleri nedir? Temanın style.css dosyasına fontu çekmesi için font-face"i eklerken "unicode-range" olarak ne yazmalıyım?
———————————————⁠———————————————————⁠————
İkinci olarak da ben font-weight: 400 ve 700'ü kullanacağım ancak tema şu şekilde 3'er tane çekiyor, bunların anlamı nedir? Sanırım benim Türkçe karakterler için sadece /* latin-ext */ olarak belirtileni eklemem gerekiyor?
Kod:
/* vietnamese */
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
src: local('Nunito Regular'), local('Nunito-Regular'), url(https://fonts.gstatic.com/s/nunito/v11/XRXV3I6Li01BKofIOuaBXso.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
src: local('Nunito Regular'), local('Nunito-Regular'), url(https://fonts.gstatic.com/s/nunito/v11/XRXV3I6Li01BKofIO-aBXso.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
src: local('Nunito Regular'), local('Nunito-Regular'), url(https://fonts.gstatic.com/s/nunito/v11/XRXV3I6Li01BKofINeaB.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 700;
src: local('Nunito Bold'), local('Nunito-Bold'), url(https://fonts.gstatic.com/s/nunito/v11/XRXW3I6Li01BKofAjsOUbuvISTs.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 700;
src: local('Nunito Bold'), local('Nunito-Bold'), url(https://fonts.gstatic.com/s/nunito/v11/XRXW3I6Li01BKofAjsOUb-vISTs.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 700;
src: local('Nunito Bold'), local('Nunito-Bold'), url(https://fonts.gstatic.com/s/nunito/v11/XRXW3I6Li01BKofAjsOUYevI.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
  #2  
Okunmamış 05 Ekim 2019, 14:52
SkyGhostAir Adlı Üyenin Avatarı
Dost3K - Miyavliyo
 
Üyelik Tarihi: 01 Kasım 2012
Yaş / Cinsiyet: 27 / Erkek
Meslek: Girişimci
Konum: Balıkesir
Ad, Soyad: Mu... Di...
Mesajlar: 1.305
Beğeniler: 191 / 160
Ticaret: 5, 100%
Konu güncel, bilgisi olan var mı?
  #3  
Okunmamış 09 Ekim 2019, 17:27
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 18 Temmuz 2011
Cinsiyet: Erkek
Meslek: Developer
Ad, Soyad: Ab... As...
Mesajlar: 96
Beğeniler: 15 / 2
Ticaret: 0, 0%
Sorun hala geçerliyse kısaca şöyle açıklayayım;
unicode range verdiginde o unicode aralıklarında tanımladığın o fontu kullanır. Genel kullanımı performans odaklı ama istersen aynı alfabede farklı rangeler belirleyerek şekil şükül işlerini de görebilirsin.

Eğer o aralıkta bir karakter yoksa o fontu yüklemiyor yani.
İlgili aralıkta ilgili karakter varsa ilgili fontu yüklüyor.

Yine aynı sebepten 3 farklı font tanımlaması yapıyor. O aralığa girince o fontu kullanacak çünkü.

Eğer vietnamca vs içeriğin olmayacaksa zaten o fontu yüklemeyecek, sana maliyeti sadece tanımlamayı yaptığın css dosyasında bir kaç byte dosya şişmesi olacak.

Daha detaylı bilgi istersen;
https://developers.google.com/web/fu...mesi_olusturma

https://24ways.org/2011/creating-cus...unicode-range/

Güncel tarayıcılar destekliyor ama eski tarayıcılarda da göstermem gerek diyorsan https://caniuse.com/#feat=font-unicode-range
Cevap Yaz Favorilerime Ekle


Konuyu toplam 1 kişi okuyor. (0 üye ve 1 Ziyaretçi)
 
Seçenekler
Stil
Normal Normal

Geri Git   Forum > HTML - CSS - XML


Yetkileriniz
Konu açma yetkiniz: Yok
Cevap Yazma Yetkiniz Yok
Eklenti yükleme yetkiniz: Yok
Mesajınızı değiştirme yetkiniz: Yok

BB code: Açık
İfadeler: Açık
[IMG] Kodları: Açık
HTML kodu: Kapalı




Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şu anki Zaman: 04:18.