වෙබ් පිටු වල අභිරුචි අක්ෂර භාවිතා කරමින්
පෙළ අන්තර්ගතය හැම විටම වෙබ් අඩවිවල වැදගත් කොටසක් විය. නමුත් අන්තර්ජාලයේ මුල් කාලයේ දී, නිර්මාණකරුවන්ට සහ සංවර්ධකයන්ට ඔවුන්ගේ වෙබ්පිටු මත තිබුණු typographic පාලනය තුළ දැඩි ලෙස සීමා විය. ඔවුන්ගේ වෙබ් අඩවිවල නිසැකවම භාවිතා කළ හැකි ෆොන්ට් වල සීමාව ඇතුළත් විය. අතීතයේ සඳහන් "වෙබ් ආරක්ෂිත අකුරු" යන යෙදුම ඔබ අසා ඇති. මෙය එක් පුද්ගලයෙකුගේ පරිගණකයට ඇතුළත් කළ හැකි අකුරු කුඩා කට්ටලයක් වන අතර, එයින් අදහස් වන්නේ ඔබ වෙබ් අඩවියේ එක් අකුරක් භාවිතා කළහොත් එය පුද්ගලයෙකුගේ බ්රව්සරයේ නිවැරදිව පරිවර්තනය කළ හැකි බවය.
වර්තමානයේදී, වෙබ් වෘත්තිකයින්ට නව අකුරු වර්ග සහ විකල්පයන් සඳහා වැඩ කිරීමේ හැකියාව තිබේ. ඉන් එකක් WOFF ආකෘතිය වේ.
WOFF යනු කුමක්ද?
WOFF යනු "වෙබ් විවෘත අකුරු ආකෘතිය" යන යෙදුමකි. එය CSS @ font-face දේපල සඳහා භාවිතා කිරීම සඳහා වර්ණ සංකෝචනය කිරීමට යොදා ගනී. වෙබ් පිටු වල ෆොන්ට් වල ඇති අකුරු ඇඹීමට ක්රමයක් වන අතර එමගින් සාමාන්ය "Arial, Times New Roman, Georgia" වඩා විශේෂිත අකුරු භාවිතා කළ හැකිය - ඉහත සඳහන් වෙබ් ආරක්ෂිත අකුරු වලින් සමහරක් වේ.
WOFF W3C වෙත වෙබ් පිටු සඳහා ඇසුරුම්කරණ අකුරු සඳහා සම්මතයක් ලෙස ඉදිරිපත් කරන ලදී. එය 2010 නොවැම්බර් මස 16 වන දින වැඩ කරන කෙටුම්පතක් බවට පත් විය. අද අපි WOFF 2.0 ඇත්ත වශයෙන්ම පවතී. එය 30% කින් පමණ ආකෘතියේ පළමු අනුවාදයෙන් සම්පීඩනය වැඩි දියුණු කරයි. සමහර අවස්ථාවලදී මෙම ඉතිරිකිරීම් වඩාත් අස්ථාවර විය හැකිය.
ඇයි WOFF භාවිතා කරන්නේ?
WFFF ආකෘතිය හරහා ලබාදුන් අය ඇතුළු වෙබ් අකුරු, වෙනත් අකුරු තේරීම් වලට වඩා වාසි. මෙම වෙබ් ආරක්ෂිත අකුරු තිබීම ප්රයෝජනවත් වන අතර අපගේ වැඩවලදී එම අකුරු සඳහා ස්ථානයක් තවමත් පවතී. එසේම අපගේ තෝරාගැනීම් පුළුල් කිරීමටත් අපගේ යතුරුකරණ විකල්පයන් විවෘත කිරීමටත් හොඳය.
WOFF අකුරු පහත දැක්වෙන වාසි ඇත:
- ඒවා ෆොන්ට් වලට වඩා පහසුවෙන් ප්රවේශ විය හැකිය. WOFF සරල CSS සමග සරල HTML පෙළක්, ඔබට ප්රවේශ්යතාවය සහ සැලසුම් පාලනය ලබා දීම සඳහා ඉඩ නොදෙනු ඇත.
- WOFF ගොනු අන්තර්ගතයන් සහ පැරණි ශෛලීන් වැනි ලිඛිත තොරතුරු ඇතුළත් වේ. මෙය ඔබේ වෙබ් පිටු වඩා හොඳ අකුරු ලිවීමේ හැකියාවක් ලබා දෙන්නේ ඔබ නිවැරදි චරිත භාවිතා කිරීම නිසා පමණි.
- WOFF අක්ෂර වෙනත් භාෂාවලින් අක්ෂර සහිත අකුරු අක්ෂර ඇතුළත් කළ හැකි බැවින් ජාත්යන්තරකරණයට සහාය විය හැක.
- සියලුම CSS විලාසිතාවලින් පෙළක් මෙන් WOFF වැනි වර්ණ ගැන්වීම් වඩාත් සෙවුම් ඇන්ජින් මිත්රශීලී ය. සෙවුම් ඇන්ජින් පින්තූරයක් තුළට ඇතුළත් කර ඇති පෙළ "නොපෙනෙන" අතර ALT පෙළ උදව් කළ හැකි නමුත්, පෙළ සඳහාම ආදේශකයක් නොමැත.
- WOFF අකුරු සංකෝචනය වන නිසා ඒවායේ වෙනත් වර්ගවල ෆයිල් ගොනු වලට වඩා කුඩා වේ. වෙබ් අඩවිය බාගත කිරීමේ වේගය සහ සමස්ත ක්රියාකාරිත්වය සඳහා මෙය උපකාරී වේ.
- WOFF ගොනු ලෙස ඔබේ ආයතනික අකුරු ස්ථාපනය කිරීමෙන් ඔබේ වෙළඳ නාම අනන්යතාවය සුරැකීමට ඔබට WOFF ගොනු භාවිතා කළ හැකිය.
WOFF බ්රව්සර සහාය
නූතන බ්රවුසර් වල WOFF අතිනවීන බ්රව්සර් සහය දක්වයි:
- Chrome 6+
- ෆයර්ෆොක්ස් 3.6+
- Internet Explorer 9+
- ඔපෙරා 11.1+
- සෆාරි 5.1+
ඔපෙරා මිනි ඔෆිස් මිනි ඔප්ෂන්ස් සියල්ලම එකින් එක අතිවිශාල ලෙස හැරෙන්නට මේ දවස්වල අධ්යක්ෂණයෙන් සවිබල ගන්වයි.
WOFF ෆොන්ට් භාවිතා කරන්නේ කෙසේද?
WOFF ගොනුවක් භාවිතා කිරීම සඳහා WOFF ගොනුව ඔබගේ වෙබ් සේවාදායකයට උඩුගත කිරීම, @ font-face ගුණාංගයෙන් නමක් ලබාදෙන්න, ඉන්පසු ඔබේ CSS හි ඇති අකුරු අමතන්න. උදාහරණයක් වශයෙන්:
- වෙබ් සේවාදායකයේ / fonts බහලුම වෙත myWoffFont.woff නමැති ෆොන්ටයක් උඩුගත කරන්න.
- ඔබගේ CSS ගොනුවේ @ font-face කොටස එක් කරන්න:
@ font-face {
font-family: myWoffFont;
src: url ('/ fonts / myWoffFont.woff') ආකෘතිය ('woff');
}}
- ඔබගේ ෆොක්ස් ස්ටේට් ස්ටේක් සඳහා නව ෆොන්ටන් නාමය (myWoffFont) එකතු කරන්න, ඔබට වෙනත් ෆොයිස් නාමයක් වැනි:
p {
font-family: myWoffFont , ජිනීවා, Arial, හෙල්විටිකා, sans-serif;
}}
WOFF ෆොන්ට් ලබා ගැනීමට කොහෙද?
වානිජමය සහ වාණිජ නොවන භාවිතය සඳහා නොමිලේ WOFF ෆොන්ට් බොහොමයක් සොයා ගත හැකි විශිෂ්ට ස්ථාන දෙකක් තිබේ:
- ෆොටෝ පුස්තකාලය විවෘත කරන්න
- Font Squirrel
ඔබට WOFF ආකෘතියේ නොපවතින ෆොන්ටයක් භාවිතා කිරීමට බලපත්රයක් තිබේ නම්, ඔබට ෆොන්ට් ෆොක්ස් Squirrel වැනි WOFF ගොනු බවට WOFF ගොනු බවට WOFF නිර්මාතෘ භාවිතා කළ හැකිය. ඔබේ TrueType / OpenType අකුරු WOFF වෙත පරිවර්තනය කිරීමට Macintosh සහ Windows හි භාවිතා කළ හැකි sfnt2woff ලෙස හැඳින්වෙන විධාන රේඛා මෙවලමකි.
ඔබේ පද්ධතියට ගැලපෙන බිටු බාගත කර විධාන රේඛාවේ (හෝ පර්යන්තය) එය ක්රියාත්මක කර උපදෙස් අනුගමනය කරන්න.
WOFF නිදසුන
WOFF ගොනුවල උදාහරණ කිහිපයක්: HTML5 හි WOFF පිටුව පැය 24 තුළ.
ජෙනිෆර් ක්රිනින්ගේ මුල් ලිපියක්. 7/11/17 දින ජෙරමි ගිරාඩ් විසින් සංස්කරණය කරන ලදි