wmaraci reklam

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

3 Mesajlar 784 Okunma
wmaraci reklam

MuratDinc MuratDinc Miyavliyo - WiseKitten Kullanıcı
  • Üyelik 01.11.2012
  • Yaş/Cinsiyet 32 / E
  • Meslek Girişimci
  • Konum Balıkesir
  • Ad Soyad M** D**
  • Mesajlar 1583
  • Beğeniler 207 / 257
  • 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;

@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?

/* 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;
}
 

 

👉 Türkiye'nin En Minnoş Kedi Bloğu Miyaliyo! 😻
SMM Panel, Sosyalyuvam, Bayilik Paneli, En Uygun Panel, Takipçi Paneli
reklam

MuratDinc MuratDinc Miyavliyo - WiseKitten Kullanıcı
  • Üyelik 01.11.2012
  • Yaş/Cinsiyet 32 / E
  • Meslek Girişimci
  • Konum Balıkesir
  • Ad Soyad M** D**
  • Mesajlar 1583
  • Beğeniler 207 / 257
  • Ticaret 5, (%100)
Konu güncel, bilgisi olan var mı?
 

 

👉 Türkiye'nin En Minnoş Kedi Bloğu Miyaliyo! 😻

prometheus prometheus WM Aracı Kullanıcı
  • Üyelik 18.07.2011
  • Yaş/Cinsiyet 35 / E
  • Meslek Developer
  • Konum
  • Ad Soyad A** A**
  • Mesajlar 103
  • Beğeniler 2 / 17
  • 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/fundamentals/performance/optimizing-content-efficiency/webfont-optimization?hl=tr#unicode_araligi_alt_k%C3%BCmesi_olusturma

https://24ways.org/2011/creating-custom-font-stacks-with-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
 

 

wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al