વેબ પાના પર કસ્ટમ ફોન્ટનો ઉપયોગ કરવો
ટેક્સ્ટ સામગ્રી હંમેશાં વેબસાઇટ્સનો એક મહત્વપૂર્ણ ભાગ રહી છે, પરંતુ વેબ શરૂઆતના દિવસોમાં, ડિઝાઇનર્સ અને વિકાસકર્તાઓ ટાઇપ્રોફિક નિયંત્રણમાં ગંભીર રીતે મર્યાદિત હતા કે તેમની વેબપૃષ્ઠો પર તેમની પાસે છે. તેમાં ફોન્ટ્સમાં મર્યાદા શામેલ છે કે જે તેઓ તેમની સાઇટ્સ પર વિશ્વસનીય ઉપયોગ કરવા સક્ષમ હતા. તમે સંભવતઃ ભૂતકાળમાં "વેબ સુરક્ષિત ફોન્ટ્સ" શબ્દનો ઉલ્લેખ કર્યો છે. આ ફોન્ટ્સના નાના સમૂહને ઓળખવામાં આવે છે જે એક વ્યક્તિના કમ્પ્યુટર પર સમાવિષ્ટ થવાની સંભાવના છે, એટલે કે જો તમે તે ફોન્ટ્સમાં કોઈ સાઇટનો ઉપયોગ કર્યો હોય, તો તે સલામત બીઇટી હતી કે તે કોઈ વ્યક્તિના બ્રાઉઝર પર યોગ્ય રીતે પ્રસ્તુત કરશે.
આજે, વેબ પ્રોફેશનલ્સ પાસે નવા ફોન્ટ્સ અને પ્રકારનાં વિકલ્પો છે જે સાથે કામ કરે છે, તેમાંની એક WOFF ફોર્મેટ છે.
WOFF શું છે?
WOFF એક ટૂંકાક્ષર છે જે "વેબ ઓપન ફૉન્ટ ફોર્મેટ" માટે વપરાય છે. તેનો ઉપયોગ સીએસએસ @ ફૉન્ટ-ફેસ પ્રોપર્ટીના ઉપયોગ માટે ફોન્ટ્સને સંકુચિત કરવા માટે થાય છે. તે વેબ પૃષ્ઠોમાં ફોન્ટ્સને એમ્બેડ કરવાનો એક માર્ગ છે જેથી તમે વિશિષ્ટ ફોન્ટ્સનો ઉપયોગ વિશિષ્ટ "એરિયલ, ટાઇમ્સ ન્યૂ રોમન, જ્યોર્જિયા" થી કરી શકો છો - જે કેટલાક ઉપરોક્ત વેબ સુરક્ષિત ફોન્ટ્સ છે.
ડબલ્યુ 3એફ (WOFF) એ વેબ પેજીસ માટે પેકેજિંગ ફોન્ટ્સ માટે સ્ટાન્ડર્ડ તરીકે ડબ્લ્યુ 3 સીમાં રજૂ કરવામાં આવ્યું હતું. તે નવેમ્બર 16, 2010 ના રોજ એક કાર્યકારી ડ્રાફ્ટ બન્યું. આજે આપણે ખરેખર WOFF 2.0 ધરાવે છે, જે બંધારણના પ્રથમ સંસ્કરણથી આશરે 30% જેટલું સુધારે છે. કેટલાક કિસ્સાઓમાં, આ બચત વધુ સબસ્ટોનિયન હોઈ શકે છે!
શા માટે WOFF નો ઉપયોગ કરો?
WOFF ફોર્મેટ દ્વારા પહોંચાડાયેલા વેબ ફૉન્ટ્સ સહિત, અન્ય ફોન્ટ પસંદગીઓ પર ઘણા ફાયદા પૂરા પાડે છે. તે વેબ સુરક્ષિત ફોન્ટ્સ તરીકે ઉપયોગી છે, અને અમારા કાર્યમાં તે ફોન્ટ્સ માટે હજી પણ એક સ્થાન છે, તે અમારી પસંદગીઓને વિસ્તૃત કરવા અને અમારા ટાઇપોલોજી વિકલ્પોને ખોલવા માટે સરસ છે.
WOFF ફોન્ટ્સમાં નીચેના લાભો છે:
- તે ફોન્ટ્સથી વધુ છબીઓ તરીકે છબીઓ ઍક્સેસિબલ છે. WOFF શૈલીઓ CSS સાથે સાદા HTML ટેક્સ્ટ, તમને એક્સેસિબિલીટી અને ડિઝાઇન નિયંત્રણ આપે છે કે જે છબીઓ માટે પરવાનગી આપશે નહીં.
- WOFF ફાઇલોમાં ટાઇપ્રોફિકલ માહિતી જેવી કે સંદર્ભ રૂપે અને જૂના શૈલીના આંકડાઓ શામેલ છે. આ તમારા વેબ પૃષ્ઠોને વધુ સારી ટાઇપોગ્રાફી આપે છે કારણ કે તમે સાચા અક્ષરોનો ઉપયોગ કરી રહ્યાં છો, ફક્ત અંદાજ નથી
- WOFF ફોન્ટ્સ આંતરરાષ્ટ્રીયકરણમાં મદદ કરી શકે છે કારણ કે તમે અન્ય ભાષાઓમાંથી અક્ષરો સાથે ફોન્ટ્સને એમ્બેડ કરી શકો છો.
- બધા CSS રીતની ટેક્સ્ટની જેમ, WOFF સાથે રીતની ફોન્ટ્સ વધુ સર્ચ એન્જિન મૈત્રીપૂર્ણ છે. શોધ એંજિન્સ છબીમાં એમ્બેડ કરેલી "જુઓ" ટેક્સ્ટ નથી અને જ્યારે ALT ટેક્સ્ટ મદદ કરી શકે છે, ત્યારે ટેક્સ્ટની કોઈ જ વિકલ્પ નથી.
- WOFF ફોન્ટ્સ સંકુચિત છે, તેથી તે અન્ય પ્રકારના ફોન્ટ ફાઇલો કરતા નાના છે. આ સાઇટ ડાઉનલોડ ઝડપ અને એકંદર કામગીરીમાં મદદ કરશે.
- WOFF ફાઇલો તરીકે તમારા કોર્પોરેટ ફોન્ટ્સને એમ્બેડ કરીને તમારી બ્રાન્ડ ઓળખને જાળવવા માટે તમે WOFF ફાઇલોનો ઉપયોગ કરી શકો છો.
WOFF બ્રાઉઝર સપોર્ટ
WOFF પાસે આધુનિક બ્રાઉઝર્સમાં ઉત્તમ બ્રાઉઝર સપોર્ટ છે, જેમાં નીચેનાનો સમાવેશ થાય છે:
- ક્રોમ 6+
- Firefox 3.6+
- Internet Explorer 9+
- ઓપેરા 11.1+
- સફારી 5.1+
ઓપેરા મીનીના તમામ વર્ઝન એકલા અપવાદ સાથે, આ દિવસોમાં તે આવશ્યક રીતે બોર્ડમાં સપોર્ટેડ છે.
WOFF ફોન્ટ્સ કેવી રીતે વાપરવી
WOFF ફાઇલનો ઉપયોગ કરવા માટે, તમારે તમારા વેબ સર્વર પર WOFF ફાઇલ અપલોડ કરવાની જરૂર છે, તેને @ ફોન્ટ-ફેસ પ્રોપર્ટી સાથે નામ આપો, અને તે પછી તમારા CSS માં ફોન્ટને કૉલ કરો. દાખ્લા તરીકે:
- વેબવૅરની / ફોન્ટ્સ ડિરેક્ટરીમાં myWoffFont.woff નામના ફોન્ટને અપલોડ કરો.
- તમારી સીએસએસ ફાઇલમાં @ ફોન્ટ-ફેસ વિભાગ ઉમેરો:
@ ફોન્ટ ચહેરો {
ફોન્ટ કુટુંબ: myWoffFont;
સ્રોત: url ('/ fonts / myWoffFont.woff') બંધારણ ('woff');
}
- તમારા CSS ફોન્ટ સ્ટેકમાં નવા ફોન્ટ નામ (myWoffFont) ઉમેરો, જેમ કે તમે કોઈપણ અન્ય ફોન્ટ નામ:
પૃષ્ઠ {
ફોન્ટ-ફેમિલી: માયવોફફૉન્ટ , જીનીવા, એરિયલ, હેલ્વેટિકા, સાન્સ-સેરીફ;
}
WOFF ફોન્ટ્સ ક્યાં મેળવો
ત્યાં બે મહાન સ્થાનો છે જે તમને WOFF ફોન્ટ્સ ઘણાં બધાં શોધી શકે છે જે વ્યવસાયિક અને બિન-વાણિજ્યિક ઉપયોગ માટે મુક્ત છે:
- ઓપન ફૉન્ટ લાઇબ્રેરી
- ફૉન્ટ ખિસકોલી
જો તમારી પાસે WOFF ફોર્મેટમાં ઉપલબ્ધ ન હોય તેવા ફોન્ટનો ઉપયોગ કરવા માટેનો લાઇસેંસ હોય, તો તમે WOFF ફાઇલોમાં તમારા ફોન્ટ ફાઇલોને કન્વર્ટ કરવા માટે ફૉન્ટ સૉલિરેલ જેવા WOFF સર્જકનો ઉપયોગ કરી શકો છો. Sfnt2woff નામના આદેશ-લીટી સાધન પણ છે જેનો ઉપયોગ તમે તમારા ટ્રિ ટાઈપ / ઓપનટાઇપ ફોન્ટ્સને WOFF માં કન્વર્ટ કરવા માટે મેકિન્ટોશ અને વિંડોઝ પર કરી શકો છો.
તમારી સિસ્ટમ માટે યોગ્ય દ્વિસંગી ડાઉનલોડ કરો અને તેને આદેશ વાક્ય પર ચલાવો (અથવા ટર્મિનલ) અને સૂચનો અનુસરો.
WOFF ઉદાહરણ
અહીં WOFF ફાઇલોના કેટલાક ઉદાહરણો છે: 24 કલાકમાં HTML5 માં WOFF પૃષ્ઠ.
જેનિફર કિનાન દ્વારા મૂળ લેખ. 7/11/17 ના રોજ જેરેમી ગીરર્ડ દ્વારા સંપાદિત