ફોન્ટ લક્ષણો બદલવાનું

ફૉન્ટ લક્ષણો બદલવા માટે સીએસએસનો ઉપયોગ કરવો શીખો

ફોન્ટ અને CSS

સીએસએસ તમારા વેબ પૃષ્ઠ પરના ફોન્ટ્સને વ્યવસ્થિત કરવાની સૌથી અસરકારક રીત છે. તમે ફોન્ટ કુટુંબ , કદ, રંગ, વજન અને ટાઇપોગ્રાફીના ઘણા અન્ય પાસાંને નિયંત્રિત કરી શકો છો.

CSS માં ફોન્ટ ગુણધર્મો તમારા પૃષ્ઠને વધુ વિશિષ્ટ અને અનન્ય બનાવવા માટેની સૌથી સામાન્ય રીતો પૈકી એક છે. CSS ફોન્ટ ગુણધર્મો સાથે તમારા ટેક્સ્ટનો રંગ, કદ અને ચહેરો (ફૉન્ટ પોતે) બદલવું સરળ છે.

• રંગ
• ફોન્ટ-કુટુંબ
• અક્ષર ની જાડાઈ

ફોન્ટમાં ત્રણ ભાગો છે:

• રંગ
  • આ રંગ સ્ક્રીન પર પ્રદર્શિત થશે તે રંગ છે.
• કદ
  • ટાઇપફેસ સ્ક્રીન પર કેવી રીતે મોટી કે નાની હશે તે આ છે.
• ચહેરો
  • આ ફોન્ટ પરિવાર છે, જેને ઘણીવાર વાસ્તવિક ફોન્ટ તરીકે ઓળખવામાં આવે છે.

ફોન્ટ કલર્સ

ટેક્સ્ટનો રંગ બદલવા માટે, ફક્ત CSS રંગ શૈલીની મિલકતનો ઉપયોગ કરો. તમે રંગ નામો અથવા હેક્સાડેસિમલ કોડનો ઉપયોગ કરી શકો છો. વેબ પરના તમામ રંગ સાથે, બ્રાઉઝર સલામત રંગોનો ઉપયોગ કરવાનું શ્રેષ્ઠ છે.

તમારા વેબ પૃષ્ઠોમાં નીચેની શૈલીઓ અજમાવો:

આ ફોન્ટ રંગીન લાલ છે
આ ફોન્ટ રંગીન વાદળી છે

ફોન્ટ કદ

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

હું ભલામણ કરું છું કે તમે ફોન્ટ કદ માટે ઇમ્સનો ઉપયોગ કરો . ઇમ્સ તમારા પૃષ્ઠને ઍક્સેસ કરી શકશે નહીં, ભલે તે જોઈ રહ્યું હોય, અને ઇમ્સ સ્ક્રીન રેન્ડરીંગ માટે છે. પ્રિન્ટ રેન્ડરીંગ માટે તમારા પિક્સેલ્સ અને બિંદુઓ છોડો. તમારા ફોન્ટ માપ બદલવા માટે, તમારા વેબ પૃષ્ઠમાં નીચેની શૈલી મૂકો:

આ ફોન્ટ 1em છે
આ ફોન્ટ .75 છે
આ ફોન્ટ 1.25ેમ છે

ફૉન્ટ ફેસિસ

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

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

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

આ ફોન્ટ સાન્સ-સેરીફ છે
આ ફોન્ટ સેરીફ છે