WOFF વેબ ઓપન ફૉન્ટ ફોર્મેટ

વેબ પાના પર કસ્ટમ ફોન્ટનો ઉપયોગ કરવો

ટેક્સ્ટ સામગ્રી હંમેશાં વેબસાઇટ્સનો એક મહત્વપૂર્ણ ભાગ રહી છે, પરંતુ વેબ શરૂઆતના દિવસોમાં, ડિઝાઇનર્સ અને વિકાસકર્તાઓ ટાઇપ્રોફિક નિયંત્રણમાં ગંભીર રીતે મર્યાદિત હતા કે તેમની વેબપૃષ્ઠો પર તેમની પાસે છે. તેમાં ફોન્ટ્સમાં મર્યાદા શામેલ છે કે જે તેઓ તેમની સાઇટ્સ પર વિશ્વસનીય ઉપયોગ કરવા સક્ષમ હતા. તમે સંભવતઃ ભૂતકાળમાં "વેબ સુરક્ષિત ફોન્ટ્સ" શબ્દનો ઉલ્લેખ કર્યો છે. આ ફોન્ટ્સના નાના સમૂહને ઓળખવામાં આવે છે જે એક વ્યક્તિના કમ્પ્યુટર પર સમાવિષ્ટ થવાની સંભાવના છે, એટલે કે જો તમે તે ફોન્ટ્સમાં કોઈ સાઇટનો ઉપયોગ કર્યો હોય, તો તે સલામત બીઇટી હતી કે તે કોઈ વ્યક્તિના બ્રાઉઝર પર યોગ્ય રીતે પ્રસ્તુત કરશે.

આજે, વેબ પ્રોફેશનલ્સ પાસે નવા ફોન્ટ્સ અને પ્રકારનાં વિકલ્પો છે જે સાથે કામ કરે છે, તેમાંની એક WOFF ફોર્મેટ છે.

WOFF શું છે?

WOFF એક ટૂંકાક્ષર છે જે "વેબ ઓપન ફૉન્ટ ફોર્મેટ" માટે વપરાય છે. તેનો ઉપયોગ સીએસએસ @ ફૉન્ટ-ફેસ પ્રોપર્ટીના ઉપયોગ માટે ફોન્ટ્સને સંકુચિત કરવા માટે થાય છે. તે વેબ પૃષ્ઠોમાં ફોન્ટ્સને એમ્બેડ કરવાનો એક માર્ગ છે જેથી તમે વિશિષ્ટ ફોન્ટ્સનો ઉપયોગ વિશિષ્ટ "એરિયલ, ટાઇમ્સ ન્યૂ રોમન, જ્યોર્જિયા" થી કરી શકો છો - જે કેટલાક ઉપરોક્ત વેબ સુરક્ષિત ફોન્ટ્સ છે.

ડબલ્યુ 3એફ (WOFF) એ વેબ પેજીસ માટે પેકેજિંગ ફોન્ટ્સ માટે સ્ટાન્ડર્ડ તરીકે ડબ્લ્યુ 3 સીમાં રજૂ કરવામાં આવ્યું હતું. તે નવેમ્બર 16, 2010 ના રોજ એક કાર્યકારી ડ્રાફ્ટ બન્યું. આજે આપણે ખરેખર WOFF 2.0 ધરાવે છે, જે બંધારણના પ્રથમ સંસ્કરણથી આશરે 30% જેટલું સુધારે છે. કેટલાક કિસ્સાઓમાં, આ બચત વધુ સબસ્ટોનિયન હોઈ શકે છે!

શા માટે WOFF નો ઉપયોગ કરો?

WOFF ફોર્મેટ દ્વારા પહોંચાડાયેલા વેબ ફૉન્ટ્સ સહિત, અન્ય ફોન્ટ પસંદગીઓ પર ઘણા ફાયદા પૂરા પાડે છે. તે વેબ સુરક્ષિત ફોન્ટ્સ તરીકે ઉપયોગી છે, અને અમારા કાર્યમાં તે ફોન્ટ્સ માટે હજી પણ એક સ્થાન છે, તે અમારી પસંદગીઓને વિસ્તૃત કરવા અને અમારા ટાઇપોલોજી વિકલ્પોને ખોલવા માટે સરસ છે.

WOFF ફોન્ટ્સમાં નીચેના લાભો છે:

WOFF બ્રાઉઝર સપોર્ટ

WOFF પાસે આધુનિક બ્રાઉઝર્સમાં ઉત્તમ બ્રાઉઝર સપોર્ટ છે, જેમાં નીચેનાનો સમાવેશ થાય છે:

ઓપેરા મીનીના તમામ વર્ઝન એકલા અપવાદ સાથે, આ દિવસોમાં તે આવશ્યક રીતે બોર્ડમાં સપોર્ટેડ છે.

WOFF ફોન્ટ્સ કેવી રીતે વાપરવી

WOFF ફાઇલનો ઉપયોગ કરવા માટે, તમારે તમારા વેબ સર્વર પર WOFF ફાઇલ અપલોડ કરવાની જરૂર છે, તેને @ ફોન્ટ-ફેસ પ્રોપર્ટી સાથે નામ આપો, અને તે પછી તમારા CSS માં ફોન્ટને કૉલ કરો. દાખ્લા તરીકે:

  1. વેબવૅરની / ફોન્ટ્સ ડિરેક્ટરીમાં myWoffFont.woff નામના ફોન્ટને અપલોડ કરો.
  2. તમારી સીએસએસ ફાઇલમાં @ ફોન્ટ-ફેસ વિભાગ ઉમેરો:
    @ ફોન્ટ ચહેરો {
    ફોન્ટ કુટુંબ: myWoffFont;
    સ્રોત: url ('/ fonts / myWoffFont.woff') બંધારણ ('woff');
    }
  1. તમારા CSS ફોન્ટ સ્ટેકમાં નવા ફોન્ટ નામ (myWoffFont) ઉમેરો, જેમ કે તમે કોઈપણ અન્ય ફોન્ટ નામ:
    પૃષ્ઠ {
    ફોન્ટ-ફેમિલી: માયવોફફૉન્ટ , જીનીવા, એરિયલ, હેલ્વેટિકા, સાન્સ-સેરીફ;
    }

WOFF ફોન્ટ્સ ક્યાં મેળવો

ત્યાં બે મહાન સ્થાનો છે જે તમને WOFF ફોન્ટ્સ ઘણાં બધાં શોધી શકે છે જે વ્યવસાયિક અને બિન-વાણિજ્યિક ઉપયોગ માટે મુક્ત છે:

જો તમારી પાસે WOFF ફોર્મેટમાં ઉપલબ્ધ ન હોય તેવા ફોન્ટનો ઉપયોગ કરવા માટેનો લાઇસેંસ હોય, તો તમે WOFF ફાઇલોમાં તમારા ફોન્ટ ફાઇલોને કન્વર્ટ કરવા માટે ફૉન્ટ સૉલિરેલ જેવા WOFF સર્જકનો ઉપયોગ કરી શકો છો. Sfnt2woff નામના આદેશ-લીટી સાધન પણ છે જેનો ઉપયોગ તમે તમારા ટ્રિ ટાઈપ / ઓપનટાઇપ ફોન્ટ્સને WOFF માં કન્વર્ટ કરવા માટે મેકિન્ટોશ અને વિંડોઝ પર કરી શકો છો.

તમારી સિસ્ટમ માટે યોગ્ય દ્વિસંગી ડાઉનલોડ કરો અને તેને આદેશ વાક્ય પર ચલાવો (અથવા ટર્મિનલ) અને સૂચનો અનુસરો.

WOFF ઉદાહરણ

અહીં WOFF ફાઇલોના કેટલાક ઉદાહરણો છે: 24 કલાકમાં HTML5 માં WOFF પૃષ્ઠ.

જેનિફર કિનાન દ્વારા મૂળ લેખ. 7/11/17 ના રોજ જેરેમી ગીરર્ડ દ્વારા સંપાદિત