Web səhifələrində xüsusi fontları istifadə edin
Mətn məzmunu həmişə əhəmiyyətli bir veb səhifəsi olmuşdur, ancaq Webin ilk günlərində dizaynerlər və proqramçılar öz veb səhifələrində olan yazı nəzarətində ciddi şəkildə məhdudlaşmışdılar. Bu, şablonlardakı saytlarda etibarlı şəkildə istifadə edə biləcək bir məhdudiyyət daxildir. Güman ki, keçmişdə qeyd olunan "veb təhlükəsiz şriftlər" termini eşitmişdiniz. Bu, bir şəxsin kompüterinə daxil olma ehtimalı olan kiçik şriftlər dəstini istinad etdi, yəni sayt bu şriftlərdən birini istifadə edərsə, o, bir şəxsin brauzerində düzgün göstərilən təhlükəsiz bahis idi.
Bu gün veb mütəxəssisləri ilə işləmək üçün bir sıra yeni yazı tipləri və tip variantları var, bunlardan biri WOFF formatıdır.
WOFF nədir?
WOFF, "Web Açık Yazı Tipi Formatı" nın kısaltmasıdır. CSS @ font-face özelliği ile kullanılmak üzere yazı tiplerini sıkıştırmak üçün istifadə olunur. Veb səhifələrində şriftləri yerləşdirmək üçün bir vasitədir, belə ki, tipik "Arial, Times New Roman, Gürcüstan" dan kənarda olan xüsusi şriftlərdən istifadə edə bilərsiniz - bunlar yuxarıda göstərilən veb təhlükəsiz şriftlərdən bəziləri.
WOFF, W3C-yə veb-səhifələr üçün şrift qablaşdırma standartları təqdim edildi. Bu, 16 noyabr 2010-cu il tarixində işçi layihəsinə çevrildi. Bu gün biz həqiqətən formatın ilk versiyasından təxminən 30% sıxılmasını artıran WOFF 2.0 var. Bəzi hallarda, bu qənaət daha da sərt ola bilər!
Niyə WOFF istifadə edirsiniz?
WOFF formatında çatdırılanlar da daxil olmaqla, veb şriftlər, digər font seçimləri üzərində bir çox üstünlük təmin edir. Bu veb təhlükəsiz şriftlər kimi faydalıdır və bizim işimizdə bu şriftlər üçün əlbəttə ki, bir yer var, seçimlərimizi genişləndirmək və tipografik seçimlərimizi açmaq xoşdur.
WOFF şriftləri aşağıdakı üstünlüklərə malikdir:
- Onlar şəkillər kimi şriftlərdən daha əlçatan olurlar. WOFF CSS-lərlə düz HTML mətnləri, şəkillərin imkan verməyəcəyini nəzərə alaraq sizlərə əlçatanlıq və dizayn nəzarəti verir.
- WOFF faylları bağlamsal formalar və köhnə stil rəqəmləri kimi yazılı məlumatları əhatə edir. Bu, veb-səhifələrinizə daha yaxşı tipoqrafiya verir, çünki düzgün simvollardan istifadə edirsiniz.
- WOFF şriftləri beynəlxalq səviyyədə kömək edə bilər, çünki yazı tiplərini digər dillərdən olan simvollarla yerləşdirə bilərsiniz.
- Bütün CSS səpkili mətnlər kimi, WOFF ilə süslənmiş yazı tipləri daha çox axtarış sisteminə sahibdir. Axtarış motorları bir görüntüyə gömülmüş mətni "görmürlər" və ALT mətnləri kömək edə bilər, mətnin özü üçün heç bir əvəz yoxdur.
- WOFF şriftləri sıxılmışdır, belə ki, digər font fayllarından daha kiçikdir. Bu site indirme sürəti və ümumi performans ilə kömək edəcək.
- WOFF faylları kimi korporativ şriftlərinizi yerləşdirməklə marka şəxsiyyətinizi qorumaq üçün WOFF fayllarından istifadə edə bilərsiniz.
WOFF Brauzer dəstəyi
WOFF, müasir brauzerlərdə, o cümlədən:
- Chrome 6+
- Firefox 3.6 +
- Internet Explorer 9 +
- Opera 11.1+
- Safari 5.1 +
Bu, əsasən, bu günlərdə platformada dəstəklənir, yalnız istisna Opera Mini'nin bütün versiyalarıdır.
WOFF yazı tiplərini necə istifadə etməli
Bir WOFF faylını istifadə etmək üçün veb serverinizə bir WOFF faylını yükləyin, @ font-face əmlakı ilə bir ad verin və CSS-də yazı tipini çağırmalısınız. Misal üçün:
- MyWoffFont.woff adlı şrifti web serverın / fonts qovluğuna yükləyin.
- CSS dosyanızda @ font-face bölməsini əlavə edin:
@ font-face {
font-family: myWoffFont;
src: url ('/ fonts / myWoffFont.woff') formatında ('woff');
}
- Yeni yazı tipi adını (myWoffFont) CSS font yığınınıza əlavə edin, hər hansı digər font adı kimi:
p {
font-family: myWoffFont , Cenevrə, Arial, Helvetica, sans-serif;
}
WOFF Yazı Tiplərini Nereden Alınır?
Ticarət və qeyri-kommersiya məqsədilə pulsuz WOFF şriftləri tapa biləcəyiniz iki böyük yer var:
- Açıq Font Kitabını açın
- Yazı tipi Squirrel
Bir WOFF formatında olmayan bir yazı tipini istifadə etmək üçün lisenziyanız varsa, yazı tipi fayllarınızı WOFF fayllarına çevirmək üçün Font Sincabında olduğu kimi bir WOFF yaradan istifadə edə bilərsiniz. TrueType / OpenType yazı tiplərini WOFF-a çevirmək üçün Macintosh və Windows-də istifadə edə biləcəyiniz sfnt2woff adlı bir komanda-line vasitədir.
İkili sisteminizi sisteminizə uyğun yükləyin və komanda xəttində (ya da Terminal) işə salın və təlimatları izləyin.
WOFF nümunəsi
WOFF fayllarının bir neçə nümunəsi: WOFF Səhifə 24 Saatdə HTML5-də.
Jennifer Krynin tərəfindən hazırlanan əsər. 7/11/17 tarixində Jeremy Girard tərəfindən tərtib edildi