જ્યારે વેબસાઇટ્સને વેબસાઇટ્સ પર આવતી વખતે મોટા ભાગનો પ્રેમ મળે છે, તે લિખિત શબ્દ છે જે સર્ચ એન્જિન્સને અપીલ કરે છે અને મોટાભાગની સાઇટોની સામગ્રી બહાર પાડે છે. જેમ કે, ટાઇપોગ્રાફિક ડિઝાઇન વેબસાઈટ ડીઝાઇનનો અત્યંત મહત્ત્વનો ભાગ છે. સાઇટના લખાણના મહત્વની સાથે તે સુનિશ્ચિત કરવાની જરૂરિયાત છે કે તે સારી દેખાય છે અને વાંચવામાં સરળ છે. આ CSS (કેસ્કેડીંગ સ્ટાઇલ શીટ્સ) સ્ટાઇલ સાથે કરવામાં આવે છે.
આધુનિક વેબ ડિઝાઇન સ્ટાન્ડર્ડને અનુસરીને, જ્યારે તમે વેબસાઇટની ટેક્સ્ટ સમાવિષ્ટના દેખાવને નિર્ધારિત કરવા માંગો છો, તો તમે CSS નો ઉપયોગ કરીને આમ કરશો. આ CSS શૈલીને પૃષ્ઠના HTML માળખાથી અલગ કરે છે. ઉદાહરણ તરીકે, જો તમે "એરિયલ" પૃષ્ઠના ફોન્ટને સેટ કરવા માગો છો, તો તમે નીચેની શૈલી નિયમ તમારા CSS પર ઉમેરીને કરી શકો છો (નોંધ - આ બાહ્ય CSS શૈલી શીટમાં થઈ શકે છે કે જે શૈલીઓને સશક્ત કરે છે વેબસાઇટ પર દરેક પૃષ્ઠ માટે):
શરીર {ફોન્ટ-કુટુંબ: એરિયલ; }આ ફૉન્ટ "બોડી" માટે સેટ કરેલું છે, તેથી CSS કાસ્કેડ એ પૃષ્ઠનાં અન્ય તમામ ઘટકો માટે શૈલીને લાગુ કરશે. આ એટલા માટે છે કારણ કે દરેક અન્ય HTML ઘટક "બોડી" તત્વનું બાળક છે, ફૉન્ટ પરિવાર અથવા રંગ જેવી CSS શૈલીઓ પિતૃથી બાળક તત્વ સુધી કાસ્કેડ કરશે. જ્યાં સુધી ચોક્કસ ઘટકો માટે કોઈ વધુ વિશિષ્ટ શૈલી ઉમેરવામાં ન આવે ત્યાં સુધી આ કેસ હશે. આ CSS સાથેની એકમાત્ર સમસ્યા એ છે કે માત્ર એક ફોન્ટ જ સ્પષ્ટ થયેલ છે. જો તે ફોન્ટ કોઈ કારણોસર શોધી શકાતો નથી, તો બ્રાઉઝર તેના સ્થાને બીજા સ્થાનાંતરિત કરશે. આ ખરાબ છે કારણ કે તમારી પાસે કયા ફોન્ટનો ઉપયોગ થતો નથી તેના પર કોઈ નિયંત્રણ નથી - બ્રાઉઝર તમારા માટે પસંદ કરશે, અને તે તમને તેનો ઉપયોગ કરવાનો નિર્ણય લીધો ન ગમતી હોય! તે છે જ્યાં એક ફોન્ટ સ્ટેક આવે છે
ફૉન્ટ સ્ટેક એ CSS ફૉન્ટ-પૉલિલીઝ ઘોષણામાં ફોન્ટ્સની સૂચિ છે. ફૉન્ટ્સ પસંદગીના ક્રમમાં સૂચિબદ્ધ થાય છે કે જે તમે ઇચ્છો કે તે ફોન્ટને લોડ થવામાં ન આવતી સમસ્યાના કિસ્સામાં સાઇટ પર દેખાશે. ફૉન્ટ સ્ટેક એ કોઈ ડિઝાઇનરને વેબ પૃષ્ઠ પરના ફોન્ટ્સના દેખાવને નિયંત્રિત કરવાની મંજૂરી આપે છે, જો કમ્પ્યુટર પાસે પ્રારંભિક ફૉન્ટ ન હોય જેના માટે તમે કૉલ કરો.
તો ફૉન્ટ સ્ટેક કેવી રીતે દેખાય છે? અહીં એક ઉદાહરણ છે:
શરીર {ફોન્ટ-કુટુંબ: જ્યોર્જિયા, "ટાઇમ્સ ન્યૂ રોમન", સેરીફ; }અહીં નોટિસ માટે કેટલીક વસ્તુઓ છે.
પ્રથમ, તમે જોશો કે આપણે અલ્પવિરામથી અલગ ફોન્ટ નામો અલગ કર્યા છે. દરેક એક વચ્ચે તમે ઇચ્છો તેટલા ફોન્ટ્સ ઉમેરી શકો છો, જ્યાં સુધી તેઓ અલ્પવિરામ દ્વારા અલગ પડે છે બ્રાઉઝર પ્રથમ પ્રથમ ઉલ્લેખિત ફોન્ટને લોડ કરવાનો પ્રયત્ન કરશે. જો તે નિષ્ફળ જાય, તો તે દરેક ફોન્ટને અજમાવી લીટી સુધી ચાલશે નહીં જ્યાં સુધી તે તે શોધી શકે નહીં જે તે ઉપયોગ કરી શકે. આ ઉદાહરણમાં અમે વેબ સુરક્ષિત ફોન્ટનો ઉપયોગ કરી રહ્યા છીએ અને "જ્યોર્જિયા" સંભવિત વ્યક્તિની કમ્પ્યુટર પર મળી આવશે જે સાઇટની મુલાકાત લે છે (નોંધ - બ્રાઉઝર તમારા કમ્પ્યુટર પર પૃષ્ઠ પર નિર્દિષ્ટ ફોન્ટ્સ માટે જુએ છે, તેથી તે સાઇટ ખરેખર કહેવાની છે કમ્પ્યુટર કે જે તમારી સિસ્ટમને લોડ કરવા માટે ફોન્ટ્સ). કેટલાક કારણોસર જો ફોન્ટ મળ્યું ન હતું, તો તે સ્ટેકને નીચે ખસેડશે અને આગામી ફોન્ટને સ્પષ્ટ કરશે.
તે ફોટની દ્રષ્ટિએ, સ્ટેકમાં કેવી રીતે લખાય છે તે જુઓ. "ટાઇમ્સ ન્યૂ રોમન" નું નામ, ડબલ અવતરણચિહ્નમાં છે. આનું કારણ એ છે કે ફોન્ટ નામમાં બહુવિધ શબ્દો છે. એક કરતાં વધુ શબ્દ (ટ્રેબ્યુચેટ એમએસ, કુરિયર ન્યૂ, વગેરે) ધરાવતા કોઈપણ ફોન્ટ્સ નામોનું નામ ડબલ અવતરણમાં હોવું જોઈએ જેથી બ્રાઉઝર જાણી શકે કે તે બધા શબ્દો એક ફોન્ટ નામનો ભાગ છે.
છેલ્લે, આપણે "સેરીફ" સાથે ફોન્ટ સ્ટેકનો અંત કરીએ છીએ, જે સામાન્ય ફોન્ટ વર્ગીકરણ છે. અસંભવિત કિસ્સામાં તમે તમારા સ્ટેકમાં નામ આપેલ કોઈપણ ફોન્ટ્સ ઉપલબ્ધ નથી, તો બ્રાઉઝર બદલે તે ફૉન્ટ મળશે જે ઓછામાં ઓછું યોગ્ય વર્ગીકરણમાં આવે છે જે તમે પસંદ કર્યું છે. દાખલા તરીકે, જો તમે એરિયલ અને વરદાના જેવા સાન્સ-સેરિફ ફોન્ટ્સનો ઉપયોગ કરી રહ્યા હો, તો "સાન્સ-સેરીફ" ના વર્ગીકરણ સાથે ફોન્ટ સ્ટેકને સમાપ્ત કરતાં, તે એકંદર પરિવારમાં ઓછામાં ઓછું ફોન્ટ રાખશે જો કોઈ સમસ્યા હોય. એ સાચું છે કે, તે ખૂબ જ દુર્લભ હોવું જોઈએ કે કોઈ બ્રાઉઝર સ્ટેકમાં સૂચિબદ્ધ કોઈપણ ફોન્ટ્સ શોધી શકતા નથી અને તેના બદલે આ સામાન્ય વર્ગીકરણનો ઉપયોગ કરવો જોઈએ, તે કોઈપણ રીતે તે ફક્ત બમણું સલામત બનાવવાનો સમાવેશ થાય છે.
ફોન્ટ સ્ટેક્સ અને વેબ ફોન્ટ
ઘણી વેબસાઇટ્સ આજે વેબ ફોન્ટ્સનો ઉપયોગ કરે છે જે ક્યાં તો સાઇટ પર અન્ય સ્રોતો (સાઇટની છબીઓ, જાવાસ્ક્રિપ્ટ ફાઇલ વગેરે) સાથે અથવા ગૂગલ ફોન્ટ અથવા ટૉકકિટ જેવી ઑફસાઇટ ફૉન્ટ સ્થાન સાથે જોડાયેલી છે. આ ફોન્ટ્સ લોડ થવો જોઈએ, કારણ કે તમે ફાઇલોને પોતાની સાથે લિંક કરી રહ્યાં છો, તમે હજી પણ ફોન્ટ સ્ટેકનો ઉપયોગ કરવા માગો છો કે જેથી કોઈ પણ સમસ્યાઓ ઊભી થઈ શકે તેના પર તમારી પાસે કેટલાક નિયંત્રણ હોય. આ જ વસ્તુ "વેબ સલામત" ફોન્ટ્સ માટે જાય છે જે કોઈના કમ્પ્યુટર પર હોવી જોઈએ (નોંધ કરો કે આ ફોન્ટ્સ જે અમે આ લેખમાં એરિયલ, વરદાના, જ્યોર્જિયા અને ટાઇમ્સ ન્યૂ રોમન સહિતના ઉદાહરણો તરીકે ઉપયોગમાં લીધા છે, તે તમામ વેબ સુરક્ષિત ફોન્ટ્સ હોવું જોઈએ વ્યક્તિના કમ્પ્યુટર પર) હજી પણ ગુમ થયેલ ફોન્ટની સંભાવના ખૂબ જ ઓછી છે, તેમ છતાં ફોન્ટના સ્ટેકને સ્પષ્ટ કરતા સાઇટની ટાઈપોગ્રાફિક ડિઝાઇન શક્ય તેટલું બુલટફુફ કરવામાં મદદ કરશે.
જેનિફર કિનાન દ્વારા મૂળ લેખ. 8/9/17 પર જેરેમી ગીરર્ડ દ્વારા સંપાદિત