\nA Web Open Font Format (WOFF) a Mozilla \u00e1ltal kifejlesztett f\u00e1jlform\u00e1tum webes bet\u0171t\u00edpusokhoz. A WOFF f\u00e1jl tartalmazhat t\u00f6m\u00f6r\u00edtett TTF \u00e9s OTF f\u00e1jlokat, valamint licencel\u00e9si inform\u00e1ci\u00f3kat \u00e9s egy\u00e9b metaadatokat. Itt van, amit tudnia kell a WOFF-r\u00f3l.\n<\/p>\n
Az ebben a cikkben szerepl\u0151 inform\u00e1ci\u00f3k a WOFF \u00e9s WOFF2 f\u00e1jlokra vonatkoznak.<\/p>\n
\nA ZIP f\u00e1jlokhoz hasonl\u00f3an a WOFF f\u00e1jlok t\u00e1rol\u00f3k\u00e9nt szolg\u00e1lnak m\u00e1s f\u00e1jlokhoz, k\u00fcl\u00f6n\u00f6sen a TrueType Font (TTF) \u00e9s az OpenType Font (OTF) f\u00e1jlokhoz. Az ilyen t\u00edpus\u00fa f\u00e1jlok lehet\u0151v\u00e9 teszik a webtervez\u0151k sz\u00e1m\u00e1ra, hogy a bet\u0171t\u00edpusokat a legt\u00f6bb sz\u00e1m\u00edt\u00f3g\u00e9pen tal\u00e1lhat\u00f3 szabv\u00e1nyos karaktereken k\u00edv\u00fcl haszn\u00e1lj\u00e1k.\n<\/p>\n
\nA WOFF-ot felv\u00e1ltotta a WOFF2 form\u00e1tum. A WOFF2 m\u00e9g jobb t\u00f6m\u00f6r\u00edt\u00e9si algoritmusokat k\u00edn\u00e1l, ami tov\u00e1bbi 30 sz\u00e1zal\u00e9kkal cs\u00f6kkenti az eredeti f\u00e1jlm\u00e9retet. Ez\u00e9rt a WOFF2 f\u00e1jlok kevesebb s\u00e1vsz\u00e9less\u00e9get foglalnak el, \u00e9s m\u00e9g gyorsabban t\u00f6lt\u0151dnek be. A WOFF f\u00e1jlok kiterjeszt\u00e9se .woff, m\u00edg a WOFF2 f\u00e1jlok kiterjeszt\u00e9se .woff2.\n<\/p>\n
\nGyakorlatilag az \u00f6sszes weboldal Cascading Style Sheets (CSS) seg\u00edts\u00e9g\u00e9vel hat\u00e1rozza meg a HTML \u00e9s m\u00e1s elemek elrendez\u00e9s\u00e9t a k\u00e9perny\u0151n. P\u00e9ld\u00e1ul a fejleszt\u0151k a CCS seg\u00edts\u00e9g\u00e9vel megv\u00e1ltoztathatj\u00e1k a webes bet\u0171t\u00edpusokat a felhaszn\u00e1l\u00f3 sz\u00e1m\u00edt\u00f3g\u00e9p\u00e9re m\u00e1r telep\u00edtett bet\u0171t\u00edpusok hivatkoz\u00e1s\u00e1val. Ha azonban a sz\u00e1m\u00edt\u00f3g\u00e9p vagy a b\u00f6ng\u00e9sz\u0151 nem t\u00e1mogat bet\u0171t\u00edpust, akkor az m\u00e1s bet\u0171k\u00e9szletk\u00e9nt jelenik meg, vagy egy\u00e1ltal\u00e1n nem t\u00f6lt\u0151dik be, att\u00f3l f\u00fcgg\u0151en, hogy az oldal bet\u0171t\u00edpus-rakom\u00e1nya hogyan \u00e1ll fel.\n<\/p>\n
\nA probl\u00e9ma elker\u00fcl\u00e9se \u00e9rdek\u00e9ben az egyedi bet\u0171t\u00edpusok t\u00e1rolhat\u00f3k egy WOFF f\u00e1jlban, amelyet a szerverre mentenek az \u00f6sszes t\u00f6bbi weboldalelemmel egy\u00fctt. Ezut\u00e1n a tervez\u0151 a @ font-face CSS tulajdons\u00e1g seg\u00edts\u00e9g\u00e9vel hivatkozhat a WOFF f\u00e1jlra, \u00e9s megjelen\u00edtheti a bet\u0171t\u00edpust a b\u00f6ng\u00e9sz\u0151ben.\n<\/p>\n
A Google Chrome, a Firefox, a Microsoft Edge, az Opera \u00e9s a Safari egyar\u00e1nt t\u00e1mogatja a WOFF form\u00e1tumot, de el\u0151fordulhat, hogy friss\u00edtenie kell a b\u00f6ng\u00e9sz\u0151t a leg\u00fajabb verzi\u00f3ra.<\/p>\n
\nA webfejleszt\u0151k sz\u00e1m\u00e1ra el\u00e9rhet\u0151 bet\u0171t\u00edpusok kib\u0151v\u00edt\u00e9se mellett a WOFF f\u00e1jlok haszn\u00e1lata sz\u00e1mos el\u0151nnyel j\u00e1r. P\u00e9ld\u00e1ul:\n<\/p>\n
\nA FontForge-hoz hasonl\u00f3 bet\u0171k\u00e9szlet-szerkeszt\u0151k lehet\u0151v\u00e9 teszik saj\u00e1t bet\u0171k\u00e9szletek megtervez\u00e9s\u00e9t \u00e9s WOFF f\u00e1jlokk\u00e9nt t\u00f6rt\u00e9n\u0151 export\u00e1l\u00e1s\u00e1t. A WOFF f\u00e1jlokat TTF vagy OTF f\u00e1jlokk\u00e1 is konvert\u00e1lhatja a FontForge haszn\u00e1lat\u00e1val. Ha van egy m\u00e1sik tetsz\u00e9s szerinti bet\u0171t\u00edpus-szerkeszt\u0151, amely csak a TTF-et vagy az OTF-et t\u00e1mogatja, akkor az sfnt2woff eszk\u00f6zzel konvert\u00e1lhatja a bet\u0171t\u00edpusokat WOFF f\u00e1jlokk\u00e1.\n<\/p>\n
Az Open Font Library \u00e9s a Font Squirrel WOFF form\u00e1tumban t\u00f6bb sz\u00e1z bet\u0171t\u00edpussal rendelkezik, amelyek ingyenesek kereskedelmi \u00e9s nem kereskedelmi c\u00e9lokra.<\/p>\n","protected":false},"excerpt":{"rendered":"
A Web Open Font Format (WOFF) a Mozilla \u00e1ltal kifejlesztett f\u00e1jlform\u00e1tum webes bet\u0171t\u00edpusokhoz. A WOFF f\u00e1jl tartalmazhat t\u00f6m\u00f6r\u00edtett TTF \u00e9s OTF f\u00e1jlokat, valamint licencel\u00e9si inform\u00e1ci\u00f3kat \u00e9s egy\u00e9b metaadatokat. Itt van, amit tudnia kell a WOFF-r\u00f3l. Az ebben a cikkben szerepl\u0151 inform\u00e1ci\u00f3k a WOFF \u00e9s WOFF2 f\u00e1jlokra vonatkoznak. Mi az a WOFF f\u00e1jl? A ZIP f\u00e1jlokhoz … Olvass tov\u00e1bb<\/a><\/p>\n","protected":false},"author":327,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-688","post","type-post","status-publish","format-standard","hentry","category-wiki"],"_links":{"self":[{"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/posts\/688","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/users\/327"}],"replies":[{"embeddable":true,"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/comments?post=688"}],"version-history":[{"count":0,"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/posts\/688\/revisions"}],"wp:attachment":[{"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/media?parent=688"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/categories?post=688"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/tags?post=688"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}