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