Օգտագործելով մաքսային տառատեսակներ Վեբ էջերում
Տեքստային բովանդակությունը միշտ եղել է կարեւորագույն կայքերի կայք, սակայն ցանցի վաղ օրերին դիզայներները եւ մշակողները խիստ սահմանափակ էին իրենց տպագրության վրա գտնվող տպագրական տեսչության մեջ: Դա ընդգրկում էր տառատեսակների սահմանափակում, որոնք նրանք կարողանում էին հուսալիորեն օգտագործել իրենց կայքերում: Դուք հավանաբար լսել եք անցյալում նշված «վեբ անվտանգ տառատեսակներ» տերմինը: Սա վերաբերում էր փոքր տառատեսակների շարքին, որոնք հավանական է, որ դրանք ներառվեն անձի համակարգչի վրա, նշանակում է, որ եթե կայքը օգտագործեց այդ տառատեսակներից մեկը, դա անվտանգ խաղադրույք էր, որը ճիշտ է մատուցել անձի զննարկչի վրա:
Այսօր վեբ մասնագետներն ունեն նոր տառատեսակների եւ տիպի տարբերակներ, որոնցից մեկը WOFF ֆորմատն է:
Ինչ է WOFF- ը:
WOFF- ը կրճատ է, որն արտահայտում է «Web Open ֆորմատը»: Այն օգտագործում է CSS տառատեսակի դեմքի օգտագործման համար տառատեսակներ սեղմելու համար: Դա ինտերնետային էջերում տառատեսակներ ներդնելու եղանակ է, այնպես որ Դուք կարող եք օգտագործել հատուկ տառատեսակներ `« Arial, Times New Roman, Georgia »- ից դուրս, որոնք վերոհիշյալ վեբ անվտանգ տառատեսակների մի քանիսն են:
WOFF- ը W3C- ին ներկայացվեց որպես վեբ էջերի տառատեսակների փաթեթավորման ստանդարտ: Այն դարձել է աշխատանքային նախագիծ 2010 թ. Նոյեմբերի 16-ին: Այսօր մենք իրականում ունենք WOFF 2.0, որը բարելավում է ձեւաչափի առաջին տարբերակի սեղմումը մոտավորապես 30% -ով: Որոշ դեպքերում այդ խնայողությունները կարող են ավելի շատ ենթադրական լինել:
Ինչու օգտագործել WOFF- ը:
Վեբ տառատեսակները, ներառյալ WOFF ֆորմատով ուղարկվածները, շատ այլ առավելություններ են տալիս այլ տառատեսակների ընտրության վերաբերյալ: Որքան օգտակար է այդ վեբ ապահով տառատեսակները, եւ, իհարկե, դեռ տեղ ունենք այդ տառատեսակների համար մեր աշխատանքում, հաճելի է նաեւ ընդլայնել մեր ընտրությունը եւ բացել մեր տպագրական տարբերակները:
WOFF տառատեսակներ ունեն հետեւյալ օգուտները.
- Նրանք ավելի մատչելի են, քան տառատեսակները, որպես պատկերներ: WOFF- ի ոճերը պարզ HTML- տեքստով CSS- ով են, ձեզ հնարավորություն է տալիս մատչելիություն եւ դիզայնի հսկողություն, որը թույլ չի տալիս պատկերները:
- WOFF- ի ֆայլերը ներառում են տեքստային տեղեկություններ, ինչպիսիք են համատեքստային ձեւերը եւ հին ոճերը: Սա թույլ է տալիս ձեր վեբ էջերը ավելի լավ տպագրվել, քանի որ դուք օգտագործում եք ճիշտ նիշերը, ոչ միայն մոտավորությունները:
- WOFF տառատեսակները կարող են օգնել միջազգայնացմանը, քանի որ կարող եք տեղադրել տառատեսակներ այլ լեզուների նիշերով:
- Ինչպես բոլոր CSS ոճաձեւ տեքստը, WOFF- ով ձեւավորված տառատեսակները ավելի որոնելի են: Որոնման համակարգերը պատկերի մեջ տեղադրված տեքստ չեն տեսնում, իսկ ALT տեքստը կարող է օգնել, տեքստը չի փոխարինում:
- WOFF տառատեսակները սեղմված են, այնպես որ դրանք փոքր են, քան տառատեսակների այլ տեսակներ: Դա կօգնի կայքի բեռնաթափման արագությանը եւ ընդհանուր կատարմանը:
- Դուք կարող եք օգտագործել WOFF ֆայլերը ձեր ապրանքանիշի ինքնությունը պահպանելու համար, ձեր կորպորատիվ տառատեսակները ներդնելու որպես WOFF ֆայլեր:
WOFF բրաուզերի օժանդակություն
WOFF- ն ունի գերազանց բրաուզերների աջակցություն ժամանակակից բրաուզերում, ներառյալ `
- Chrome 6+- ը
- Firefox 3.6+
- Internet Explorer 9+
- Օպերա 11.1+
- Safari 5.1+
Այն, ըստ էության, աջակցում է այս օրերին խորհուրդը, բացառությամբ բացառիկ լինելու Opera Mini- ի բոլոր տարբերակները:
Ինչպես օգտվել WOFF տառատեսակներից
WOFF ֆայլի օգտագործման համար հարկավոր է վերբեռնել WOFF ֆայլը ձեր վեբ սերվերի վրա, տալ այն անունը @ font-face հատկությամբ, այնուհետեւ զանգել ձեր CSS- ում: Օրինակ:
- Վերբեռնեք myWoffFont.woff կոչված տառատեսակը դեպի վեբ սերվերի / տառատեսակների դիրեկտորիա:
- Ձեր CSS ֆայլում ավելացրեք @ տառատեսակի դեմքը:
@ տառ-դեմք {
font-family: myWoffFont;
src: url ('/ fonts / myWoffFont.woff') ֆորմատը ('woff');
}
- Ավելացնել նոր տառատեսակի անունը (myWoffFont) ձեր CSS տառատեսակը, ինչպես ցանկացած այլ տառատեսակ:
p {
font-family: myWoffFont , Ժնեւ, Arial, Helvetica, sans-serif;
}
Որտեղ են WOFF տառատեսակներ ստանալու համար
Կան երկու մեծ տեղեր, որոնք կարող եք գտնել բազմաթիվ WOFF տառատեսակներ, որոնք անվճար են առեւտրային եւ ոչ առեւտրային օգտագործման համար:
- Բաց տառատեսակի գրադարան
- Տառատեսակ Squirrel
Եթե ունեք WOFF ֆորմատով հասանելի տառատեսակի օգտագործման լիցենզիա, կարող եք օգտագործել WOFF- ի ստեղծողը, ինչպես Տառատեսակի Squirrel- ում, ձեր տառատեսակների ֆայլերը WOFF ֆայլեր փոխանակելու համար: Կա նաեւ հրամանի տող գործիք, որը կոչվում է sfnt2woff, որ կարող եք օգտագործել Macintosh- ում եւ Windows- ում, ձեր TrueType / OpenType տառատեսակների փոխակերպումը WOFF- ին:
Ներբեռնեք երկուական համակարգը ձեր համակարգում եւ վարեք այն հրամանի տողում (կամ տերմինալում) եւ հետեւեք հրահանգներին:
WOFF օրինակ
Ահա WOFF ֆայլերի մի քանի օրինակներ. WOFF էջը 24 ժամում HTML5- ում:
Իրական հոդվածը Ջենիֆեր Քրինինն է: Վերափոխվել է Ջերեմի Գիրարդը, 7/11/17 թ .: