CSS નો ઉપયોગ કરીને વેબ પાનાંઓ પર ફૉન્ટ કેવી રીતે બદલવો

ફૉન્ટ તત્વને એચટીએમએલ 4 માં નાબૂદ કરવામાં આવ્યું હતું અને HTML5 સ્પષ્ટીકરણનો ભાગ નથી. તેથી, જો તમે તમારા વેબ પૃષ્ઠો પર ફોન્ટ્સને બદલવા માંગો છો, તો તમારે CSS (કેસ્કેડીંગ સ્ટાઇલ શીટ્સ ) સાથે કેવી રીતે કરવું તે શીખો.

CSS સાથે ફૉન્ટને બદલવાનું પગલું

1. ટેક્સ્ટ HTML સંપાદકનો ઉપયોગ કરીને વેબ પૃષ્ઠ ખોલો. તે એક નવું અથવા અસ્તિત્વમાંનું પૃષ્ઠ હોઈ શકે છે
2. અમુક ટેક્સ્ટ લખો: આ ટેક્સ્ટ એરિયલમાં છે
3. સ્પાન ઘટક સાથે ટેક્સ્ટને ફરતે કરો: આ ટેક્સ્ટ એરિયલમાં છે
4. સ્પૅન ટૅગમાં લક્ષણ શૈલી = "" ઉમેરો: આ ટેક્સ્ટ એરિયલમાં છે
5. શૈલી લક્ષણની અંદર, ફોન્ટ-ફેમિલી શૈલીનો ઉપયોગ કરીને ફોન્ટને બદલો: આ ટેક્સ્ટ એરિયલમાં છે

CSS સાથે ફૉન્ટ બદલવાનું ટિપ્સ

1. અલ્પવિરામથી અલગ બહુવિધ ફૉન્ટ પસંદગીઓ (,) દાખ્લા તરીકે,
   1. ફોન્ટ-ફેમિલી: એરિયલ, જીનીવા, હેલ્વેટિકા, સાન્સ-સેરીફ;
   2. તમારા ફોન્ટ સ્ટેક (ફોન્ટ્સની સૂચિ) માં ઓછામાં ઓછી બે ફોન્ટ્સ હંમેશા શ્રેષ્ઠ છે, જેથી જો બ્રાઉઝર પાસે પ્રથમ ફોન્ટ ન હોય, તો તે બીજી જગ્યાએ ઉપયોગ કરી શકે છે.
2. હંમેશા દરેક CSS સ્ટાઇલને અર્ધ-કોલન (;) સાથે અંત કરો જ્યારે એક જ શૈલી હોય ત્યારે આવશ્યકતા નથી, પરંતુ તેમાં પ્રવેશવાની સારી આદત છે.
3. આ ઉદાહરણ ઇનલાઇન શૈલીનો ઉપયોગ કરે છે, પરંતુ શ્રેષ્ઠ પ્રકારની શૈલીઓ બાહ્ય સ્ટાઇલ શીટ્સમાં મૂકવામાં આવે છે જેથી તમે ફક્ત એક ઘટક કરતાં વધુ અસર કરી શકો. તમે ટેક્સ્ટ બ્લોકો પર શૈલી સેટ કરવા માટે એક ક્લાસનો ઉપયોગ કરી શકો છો. દાખ્લા તરીકે:
   1. class = "arial"> આ ટેક્સ્ટ એરિયલમાં છે
   2. CSS નો ઉપયોગ કરવો:
   3. .ialial {font-family: એરિયલ; }