በድረ ገጾች ላይ ብጁ ቅርጸ ቁምፊዎችን መጠቀም
የጽሁፍ ይዘት ሁልጊዜ አስፈላጊ የድር ጣቢያዎች ናቸው, ነገር ግን በድር መጀመሪያዎች ላይ, ዲዛይነሮች እና ገንቢዎች በድረ ገፃቸው ላይ ባላቸው የፊደል አጻጻፍ ቁጥጥር በጣም የተገደቡ ነበሩ. ይህም በጣቢያቸው ላይ በተናጥል ሊጠቀሙባቸው በሚችሉት ቅርጸ-ቁምፊዎች የተወሰነ ገደብ አካተዋል. ከዚህ በፊት የተጠቀሱት "ደህን የሆኑ ደኀን ቃሎች" የሚለውን ቃል ሰምተህ ይሆናል. ይህ በአንድ ሰው ኮምፒተር ውስጥ ሊካተቱ የሚችሉ አነስተኛ የቁጥሮች ስብጥርን ያመለክታል, ይህም ማለት እዚያ ከነዚህ ፎንቶች አንዱን ተጠቅሞ ከሆነ, በአንድን ሰው አሳሽ ላይ በትክክል የሚያስተማምን አስተማማኝ ገንዘብ ነው.
ዛሬ, የድር ባለሙያዎች ብዛት ያላቸው አዳዲስ ቅርፀ ቁምፊዎች እና ለመስራት አማራጮችን ይይዛሉ, አንደኛው የ WOFF ፎርማት ነው.
WOFF ምንድን ነው?
WOFF "Web Open Font Format" የሚል አጻጻፍ ቅጽን ነው. ሲምስ (CSS & font-face) ን ለመጠቀም ፎንቶች ለማመላከት ያገለግላል. ልዩ ልዩ ቅርጸ ቁምፊዎችን ከተለመደው "Arial, Times New Roman, Georgia" ውጪ የሆኑ በድረ-ገጾች ላይ የተካተቱበት መንገድ ነው.
WOFF ለድረ-ገፆች ቅርጸ-ቁምፊ ቅርጸ-ቁምፊዎች እንደ ዋነኛ መስፈርት ለ W3C አስገብቷል. እ.ኤ.አ ኖቬምበር 16, 2010 ረቂቅ የሆነ ረቂቅ ሆኗል. ዛሬ ዛሬ WOFF 2.0 አለን, ይህም ከመጀመሪያው የቅርጫቱ ስሪት 30% ያደርገዋል. በአንዳንድ አጋጣሚዎች እነዚህ ቁጠባዎች የበለጠ ተፈላጊ ሊሆኑ ይችላሉ!
WOFF ለምን ይጠቀማል?
የድረ-ገፆ ቅርጸ-ቁምፊዎች, በ WOFF ቅርጸት በኩል የቀረቡትን ጨምሮ, ሌሎች የቅርፀ ቁምፊ ምርጫዎችን በርካታ ጥቅሞችን ያቀርባሉ. እንደነዚህ በድር መደጎሚያዎች ቅርጸ ቁምፊዎችም ጠቃሚ እንደመሆኑ, እና በእኛ ሥራ ውስጥ ለእነዚህ ቅርጸ ቁምፊዎች ቦታም እንደነበረ ሁሉ የምርጫዎቻችንን ማስፋፋትና የየፎቶግራፍ አማራጮቻችንን መክፈት ጥሩ ነው.
የ WOFF ፎንቶች የሚከተሉ ጥቅሞች አሏቸው.
- እንደ ምስሎች ከቅርጸ ቁምፊዎች የበለጠ ተደራሽ ናቸው. WOFF በ CSS አማካኝነት ግልጽ የሆነ የኤችቲኤምኤል ጽሑፍ ቅጦ ያስቀምጣቸዋል, ይህም ምስሎች አይፈቀዱም.
- የ WOFF ፋይሎች እንደ የመግቢያ ቅጾች እና የቆዩ የስዕል ቅጦች የመሳሰሉ የመለያ አይነቶች ናቸው. ይህ የድረ-ገጾችዎን ትክክለኛ ስዕላዊ ቅርጸት ይሰጥዎታል ምክንያቱም ትክክለኛዎቹን ቁምፊዎች እየተጠቀሙ ነው, ግምቶች ብቻ አይደሉም.
- የ WOFF ቅርፀ ቁምፊዎች በዓለም አቀፋዊነት ላይ ሊረዳ ይችላል ምክንያቱም የሌላ ቋንቋዎችን ቁምፊዎች በፋይሎች ውስጥ ማካተት ይችላሉ.
- ልክ እንደ ሁሉም የሲ ኤስ ኤስ የተዋቀረ ጽሁፍ, ከ WOFF ጋር የተቆለፉ ቅርጸ-ቁምፊዎች ተጨማሪ የፍለጋ ፍቃድን ያሻሽላሉ. የፍለጋ ሞተሮች በአንድ ምስል ውስጥ የተካተተውን ጽሑፍ አያዩም, እና የ ALT ጽሑፍ ሊረዳዎት ቢችልም, ለጽሑፉ ምንም ተተኳሪ የለም.
- የ WOFF ቅርፀ ቁምፊዎች የተጨመቁ ስለሆኑ ከሌሎቹ የፊደል ቅርጾች አይነት ያነሱ ናቸው. ይሄ በጣቢያ ማውረጃ ፍጥነት እና በአጠቃላይ አፈፃፀም ላይ ያግዛል.
- የንግድ ድርጅት ቅርጸ ቁምፊዎችዎን እንደ WOFF ፋይሎች በማካተት የምርት መለያዎን ለማቆየት WOFF ፋይሎችን መጠቀም ይችላሉ.
የ WOFF አሳሽ ድጋፍ
WOFF በዘመናዊ አሳሾች ላይ ምርጥ የአሳሽ ድጋፍ አለው:
- Chrome 6+
- Firefox 3.6+
- ኢንተርኔት ኤክስፕሎረር 9+
- Opera 11.1+
- Safari 5.1+
ዛሬ በእነዚህ ቀናት በሁሉም ቦርዶች ውስጥ የተደገፈ ነው, ከሌሎች ለየት ያሉ ግን ሁሉም የ Opera Mini ስሪቶች ብቻ ናቸው.
የ WOFF ቅርጸ ቁምፊዎችን እንዴት እንደሚጠቀሙ
የ WOFF ፋይል ለመጠቀም የ WOFF ፋይልን በድር አገልጋይዎ ላይ መጫን, በ @ font-face ንብረት ስም መስጠት ስጧቸው, ከዚያም በ CSSዎ ውስጥ ለቅርቡ መደወል አለብዎት. ለምሳሌ:
- MyWoffFont.woff የሚባለውን ቅርጸ-ቁምፊ በድር አገልጋዩ ወደ / fonts አቃፊ ስቀል.
- በርስዎ የሲኤስሲ ፋይል ውስጥ የ @ font-face ክፍል ይጨምሩ:
@ font-face {
ቅርጸ-ቁምፊ-ቤተሰብ; myWoffFont;
src: url ('/ fonts / myWoffFont.woff') ፎርማት ('woff');
}
- አዲሱን የቅርጸ ቁምፊ ስም (myWoffFont) ወደ የእርስዎ የሲኤስኤስ ቅርጸ ቁምፊ ቁልል, ልክ እንደ ማንኛውም የቅርጸ ቁምፊ ስም
p {
ፊደል-ቤተሰብ; myWoffFont , ጄኔቫ, Arial, Helvetica, sans-serif;
}
የ WOFF ፎንቶች የት እንደሚገኙ
ለንግድ እና ንግድ ነክ ያልሆኑ ነፃ ብዙ የ WOFF ቅርፀ ቁምፊዎች ማግኘት የሚችሉ ሁለት ታላላቅ ቦታዎች አሉ.
- Open Font Library
- የቅርጸ-ቁምፊ አደራደር
በ
በስርዓትዎ ውስጥ ተገቢውን የሁለትዮሽ ፋይል አውርድና በትእዛዝ መስመር (ወይም ተርሚናል) ላይ እንዲሰራ ያድርጉ እና መመሪያዎችን ይከተሉ.
የ WOFF ምሳሌ
አንዳንድ የ WOFF ፋይሎች ምሳሌዎች እነሆ-WOFF ገጽ በ HTML5 ውስጥ በ 24 ሰዓታት ውስጥ.
የመጀመሪያ ጽሑፍ በጄኒፈር ክርኒን. በጄሬሚ ጋራርድ የተስተካከለው በ 7/11/17 ነው