WOFF veb-ochiq shrift formati

Veb-sahifalarda maxsus fontlarni ishlatish

Matn mazmuni har doim veb-saytlarning muhim qismi bo'lib kelgan, ammo veb-saytning dastlabki kunlarida dizaynerlar va ishlab chiquvchilar o'z web-sahifalarida topilgan bosmaxona tekshiruvlarida juda cheklangan edilar. Bu shriftlarga o'z saytlarida ishonchli tarzda foydalanish imkoniyatiga ega bo'lgan cheklovlarni kiritdi. Ehtimol, ilgari aytib o'tilgan "veb-xavfsiz shriftlar" atamasini eshitgansiz. Bu, insonning kompyuteriga kiritilishi ehtimoli yuqori bo'lgan shriftlar to'plamiga ishora qilardi. Ya'ni, agar siz ushbu saytlardan birini ishlatsangiz, u insonning brauzerida to'g'ri ko'rsatilishini ta'minlaydigan ishonchli puldir.

Bugungi kunda veb-mutaxassislar bilan ishlash uchun yangi shriftlar va turdagi variantlar mavjud, ulardan biri WOFF formatidir.

WOFF nima?

WOFF "Open veb-shrift formati" deb nomlangan qisqartiriladi. CSS-ning shrift-mulki xususiyati bilan ishlatish uchun shriftlarni siqish uchun ishlatiladi. Ushbu veb-sahifalarda shriftlarni joylashtirishning bir usuli - "Arial, Times New Roman, Gurjiston" dan tashqaridagi maxsus fontlarni ishlatishingiz mumkin, bular yuqorida tilga olingan veb-saytlarning xavfsiz fontlaridir.

WOFF W3C-ga veb-sahifalar uchun shriftlarni qadoqlash uchun standart sifatida topshirildi. 2010 yil 16 noyabrda ishchi loyihaga aylandi. Bugun biz aslida WOFF 2.0 ga ega bo'ldik, bu formatning birinchi versiyasidan siqilishni taxminan 30 foizga oshiradi. Ba'zi hollarda, bu tejamkorlik yanada jiddiy bo'lishi mumkin!

Nima uchun WOFF foydalanish kerak?

Veb shriftlari, shu jumladan WOFF formati orqali yuborilgan shriftlar, boshqa shrift tanlovlariga nisbatan juda ko'p afzalliklarga ega. Ushbu veb-xavfsiz shriftlar foydali bo'lgani uchun va bizda ishlaydigan ushbu shriftlar uchun joy hali ham mavjud bo'lib, bizning tanlovlarimizni kengaytirish va tipografiya opsiyalarimizni ochish juda yoqimli.

WOFF shriftlari quyidagi afzalliklarga ega:

WOFF Brauzerni qo'llab-quvvatlash

WOFF zamonaviy brauzerlarda ajoyib brauzerni qo'llab-quvvatlaydi, jumladan:

Bu kunlarda kengashda asosan qo'llab-quvvatlanadi, faqatgina Opera Mini ning barcha versiyalari alohida istisno bilan.

WOFF fontlarini qanday ishlatish kerak

WOFF faylini ishlatish uchun veb-serveringizga WOFF faylini yuklashingiz, uni @ font-face xususiyati bilan nomlashingiz va CSS-da shriftni chaqirishingiz kerak. Masalan:

  1. MyWoffFont.woff deb nomlangan shriftni veb-serverning / fonts katalogiga yuklang.
  2. CSS faylida @ harfli-yuz qismini qo'shing:
    @ shrift-yuz {
    font-family: myWoffFont;
    src: url ('/ fonts / myWoffFont.woff') formatida ('woff');
    }
  1. Yangi shrift nomini (myWoffFont) o'zingizning CSS shrift birikmasiga qo'shing, shunda siz boshqa shrift nomini olasiz:
    p {
    font-family: myWoffFont , Jeneva, Arial, Helvetica, sans-serif;
    }

WOFF fontlarini qaerdan olish mumkin

Tijorat va notijorat maqsadlarda foydalanish uchun bepul bo'lgan juda ko'p WOFF shriftini topasiz:

WOFF formatida mavjud bo'lmagan shriftni ishlatish uchun litsenziyangiz bo'lsa, shrift fayllarini WOFF fayllariga aylantirish uchun Font Sincapidagi kabi WOFF yaratuvchisidan foydalanishingiz mumkin. TrueType / OpenType shablonlaringizni WOFF-ga aylantirish uchun Macintosh va Windows-dan foydalanishingiz mumkin bo'lgan sfnt2woff deb nomlangan buyruqlar qatori vositasi ham mavjud.

Ikkilikni sistemangizga mos keladigan tarzda yuklab oling va uni buyruq satırında (yoki terminalda) boshqaring va ko'rsatmalarga rioya qiling.

WOFF misoli

WOFF fayllari bir necha misol: WOFF sahifasi 24 soat ichida HTML5 da.

Jennifer Kryninning original maqolasi. Jeremy Girard 7/11/17 yil tahrirlangan