CSS માં સામાન્ય ફોન્ટ પરિવારો શું છે?

તમારી વેબસાઇટ પર વાપરવા માટે ઉપલબ્ધ સામાન્ય ફોન્ટ વર્ગીકરણ

વેબસાઇટ ડિઝાઇન કરતી વખતે, તમે જે પૃષ્ઠ સાથે કામ કરશો તે મુખ્ય ઘટકોમાંથી એક ટેક્સ્ટ સામગ્રી છે. જેમ કે, જ્યારે તમે વેબપેજને બનાવશો અને તેને CSS સાથે શૈલીમાં લેશો ત્યારે, તે પ્રયત્નનો મોટો ભાગ સાઇટના ટાઇપોગ્રાફીની આસપાસ કેન્દ્રિત કરવામાં આવશે.

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

ફોન્ટ-સ્ટેક્સ

જ્યારે તમે કોઈ વેબપેજ પર ઉપયોગ કરવા માટે ફોન્ટ નિર્દિષ્ટ કરો છો , તો તમારા ફૉન્ટ પસંદગીને શોધી શકાતા નથી તેવા ફોલબેક વિકલ્પોનો સમાવેશ કરવા માટે તે શ્રેષ્ઠ પ્રથા છે. આ ફોલબેક વિકલ્પો "ફોન્ટ સ્ટેક" માં રજૂ કરવામાં આવે છે. જો બ્રાઉઝર સ્ટેકમાં સૂચિબદ્ધ પ્રથમ ફોન્ટ શોધી શકતું નથી, તો તે આગામી એક પર ખસે છે. તે આ પ્રક્રિયાને ચાલુ રાખે છે જ્યાં સુધી તે કોઈ ફૉન્ટ શોધતું નથી કે જે તેનો ઉપયોગ કરી શકે, અથવા તે પસંદગીઓની બહાર ચાલે છે (તે કિસ્સામાં તે ઇચ્છે છે કે તે કોઈપણ સિસ્ટમ ફોન્ટ પસંદ કરે છે). અહીં "બોડી" ઘટક પર લાગુ કરવામાં આવે ત્યારે ફૉન્ટ-સ્ટેક CSS માં કેવી રીતે દેખાશે તેનું એક ઉદાહરણ છે:

શરીર {ફોન્ટ-કુટુંબ: જ્યોર્જિયા, "ટાઇમ્સ ન્યૂ રોમન", સેરીફ; }

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

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

જેનરિક ફૉન્ટ ફેમિલીઝ

CSS માં ઉપલબ્ધ સામાન્ય ફોન્ટનું નામ છે:

• કર્સિવ
• કાલ્પનિક
• મોનોસ્પેસ
• સેરીફ
• એક પ્રકાર ના ફોન્ટ્સ જેનુ નામ સેન્સ શેરીફ છે

સ્લેબ-સેરીફ, બ્લેકલેટર, ડિસ્પ્લે, ગ્રન્જ અને વધુ સહિત વેબ ડિઝાઇન અને ટાઇપોગ્રાફીમાં ઘણા અન્ય ફોન્ટ વર્ગીકરણ ઉપલબ્ધ છે, જ્યારે 5 ઉપર લિસ્ટેડ સામાન્ય ફોન્ટ નામો તે છે કે જે તમે CSS માં ફોન્ટ-સ્ટેકમાં ઉપયોગ કરશો. આ ફોન્ટ વર્ગીકરણમાં શું તફાવત છે? ચાલો એક નજર કરીએ!

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

કાલ્પનિક ફોન્ટ્સ અંશે ઉન્મત્ત ફોન્ટ્સ છે જે ખરેખર કોઈ અન્ય કેટેગરીમાં આવતા નથી. હેરી પોટર અથવા બેક ટુ ધ ફ્યુચર મૂવીઝના લેટરફોર્મ્સ જેવા જાણીતા લોગોની નકલ કરતા ફોન્ટ્સ આ કેટેગરીમાં આવતા હશે. ફરી એક વાર, આ ફોન્ટ્સ શરીરની સામગ્રી માટે યોગ્ય નથી કારણ કે તે ઘણીવાર એટલા ઢબના હોય છે કે આ ફોન્ટ્સમાં લખેલા લખાણના લાંબા ગાળાના વાંચન વાંચવાનું ખૂબ મુશ્કેલ છે

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

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

સાન્સ-સેરીફ એ અંતિમ વર્ગીકરણ છે જે આપણે જોશું. આ તે ફોન્ટ્સ છે કે જે તે ઉપરોક્ત લિગિક્ટ્સ નથી. નામ "સેરીફ્સ વગર" થાય છે આ કેટેગરીમાં લોકપ્રિય ફોન્ટ્સ એરિયલ અથવા હેલ્વેટિકા હશે. સેરીફ્સની જેમ જ, સાન્સ-સેરીફ ફોન્ટ્સનો હેડિંગ તેમજ બોડી કન્ટેન્ટમાં સમાન રીતે ઉપયોગ કરી શકાય છે.

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