ഫോണ്ട് ആട്രിബ്യൂട്ടുകൾ മാറ്റുന്നു

ഫോണ്ട് ഗുണവിശേഷങ്ങൾ മാറ്റുക CSS ഉപയോഗിക്കാൻ ഉപയോഗിക്കുക

ഫോണ്ടുകളും CSS- ഉം

നിങ്ങളുടെ വെബ് പേജിൽ ഫോണ്ടുകൾ ക്രമീകരിക്കാനുള്ള ഏറ്റവും മികച്ച മാർഗമാണ് CSS. നിങ്ങൾക്ക് അക്ഷരത്തിന്റെ കുടുംബം , വലിപ്പം, നിറം, ഭാരം, ടൈപോഗ്രാഫിയുടെ പല വശങ്ങൾ എന്നിവ നിയന്ത്രിക്കാം.

നിങ്ങളുടെ പേജിൽ കൂടുതൽ വ്യതിരിക്തവും തനതായതുമായ മാറ്റങ്ങൾ ഉണ്ടാക്കുന്നതിനുള്ള സാധാരണ രീതികളാണ് CSS- ലെ ഫോണ്ട് പ്രോപ്പർട്ടികൾ. നിങ്ങളുടെ അക്ഷരത്തിന്റെ നിറവും വലുപ്പവും മാറ്റവും (ഫോണ്ട് തന്നെ) CSS മാറ്റാൻ എളുപ്പമാണ്.

• നിറം
• ഫോണ്ട്-കുടുംബം
• അക്ഷര വലിപ്പം

ഒരു ഫോണ്ടിലേക്ക് മൂന്ന് ഭാഗങ്ങൾ ഉണ്ട്:

• നിറം
  • സ്ക്രീനില് ഫോണ്ട് കാണിക്കുന്ന നിറമാണ് ഇത്.
• വലിപ്പം
  • സ്ക്രീനിൽ ടൈപ്പ്ഫേസ് എത്രമാത്രം വലുപ്പമോ ചെറുതോ ആണെന്ന് കാണാം.
• മുഖം
  • ഇത് ഫോണ്ട് ഫാൻ ആണ്, അത് പലപ്പോഴും യഥാർത്ഥ ഫോണ്ട് ആയി പരാമർശിക്കപ്പെടുന്നു.

ഫോണ്ട് നിറങ്ങൾ

ടെക്സ്റ്റിന്റെ നിറം മാറ്റുന്നതിന്, CSS നിറം സ്റ്റൈൽ പ്രോപ്പർട്ടി ഉപയോഗിക്കുക. നിങ്ങൾ ഒന്നുകിൽ നിറം പേരുകളോ ഹെക്സാഡെസിമൽ കോഡുകളോ ഉപയോഗിക്കാം. വെബിലെ എല്ലാ നിറങ്ങളിലും ഉള്ളതുപോലെ, ബ്രൗസർ സുരക്ഷിതമായ നിറങ്ങൾ ഉപയോഗിക്കുന്നതാണ് നല്ലത്.

നിങ്ങളുടെ വെബ് പേജുകളിൽ ഇനിപ്പറയുന്ന ശൈലികൾ പരീക്ഷിക്കുക:

ഈ ഫോണ്ട് ചുവപ്പ് നിറത്തിൽ
ഈ ഫോണ്ട് നീല നിറം ആണ്

ഫോണ്ട് വലുപ്പം

നിങ്ങൾ ഫോണ്ട് സൈറ്റിനെ വെബിൽ സജ്ജമാക്കുമ്പോൾ, അത് ആപേക്ഷിക വലിപ്പത്തിൽ സജ്ജീകരിക്കാം അല്ലെങ്കിൽ പിക്സലുകൾ, സെന്റിമീറ്ററുകൾ അല്ലെങ്കിൽ ഇഞ്ച് എന്നിവ ഉപയോഗിച്ച് വളരെ വ്യക്തമായി ക്രമീകരിക്കാം. എന്നിരുന്നാലും, കൂടുതൽ കൃത്യമായ ഫോണ്ട് വലുപ്പങ്ങൾ വെബ് പേജുകൾക്കുവേണ്ടിയല്ല അച്ചടിക്കാൻ ഉപയോഗിക്കുന്നത്, നിങ്ങളുടെ വെബ്സൈറ്റിനെ കാണിക്കുന്ന എല്ലാവർക്കും വ്യത്യസ്ത സ്ക്രീൻ റെസല്യൂഷൻ, മോണിറ്റർ സൈസ് അല്ലെങ്കിൽ സ്വതവേയുള്ള ഫോണ്ട് ക്രമീകരണം ഉണ്ടാകും. അതിനാൽ, നിങ്ങളുടെ സാധാരണ വലുപ്പമായി 15px തിരഞ്ഞെടുത്താൽ, നിങ്ങളുടെ ഫോണ്ടുകളുടെ വലുപ്പം അല്ലെങ്കിൽ വലുത് എത്രത്തോളം നിങ്ങളുടെ ഫോണ്ടുകൾക്ക് റെൻഡർചെയ്യുന്നുവെന്നത് ശ്രദ്ധയിൽപ്പെടാത്തതായിരിക്കും.

ഫോണ്ട് സൈറ്റിനായി ems ഉപയോഗിക്കാൻ ഞാൻ ശുപാർശചെയ്യുന്നു . നിങ്ങളുടെ പേജ് ആരൊക്കെ കാണുകയാണെങ്കിൽ അത് ആക്സസ് ആയി തുടരാൻ അനുവദിക്കുക, ഒപ്പം ems എന്നത് സ്ക്രീൻ റെൻഡറിംഗിന് വേണ്ടിയുള്ളതാണ്. അച്ചടി റെൻഡറിംഗിനായി നിങ്ങളുടെ പിക്സലും പോയിന്റുകളും വിടുക. നിങ്ങളുടെ ഫോണ്ട് സൈസ് മാറ്റുന്നതിന്, നിങ്ങളുടെ വെബ് പേജിൽ ഇനിപ്പറയുന്ന ശൈലി ഇടുക:

ഈ ഫോണ്ട് 1 ആകുന്നു
ഈ ഫോണ്ട് ആണ് .75
ഈ ഫോണ്ട് 1.25 എ ആണ്

ഫോണ്ട് ഫേസുകൾ

നിങ്ങളുടെ ഫോണ്ടിന്റെ മുഖം "ഫോണ്ട്" എന്ന് അവർ ചിന്തിക്കുമ്പോൾ പലരും ചിന്തിക്കുന്നു. നിങ്ങൾക്ക് ഇഷ്ടമുള്ള ഏത് ഫോണ്ട് ഫെയ്സ് ഡിക്ലയർ ചെയ്യാം, എന്നാൽ ഓർമ്മിക്കുക, നിങ്ങളുടെ വായനക്കാർക്ക് ആ ഫോണ്ട് ഇൻസ്റ്റാൾ ചെയ്തിട്ടില്ലെങ്കിൽ അവരുടെ ബ്രൌസർ ഒരു മത്സരം കണ്ടെത്താൻ ശ്രമിക്കും അതിൽ, നിങ്ങൾ ഉദ്ദേശിച്ചതുപോലെ അവരുടെ പേജ് ദൃശ്യമാകില്ല.

ഈ പ്രശ്നം പരിഹരിക്കാൻ മുൻഗണനയോടെ ബ്രൌസർ ഉപയോഗിക്കുന്നതിനായി നിങ്ങൾക്ക് കോമ ഉപയോഗിച്ച് വേർതിരിച്ച മുഖനാമങ്ങളുടെ ഒരു ലിസ്റ്റ് വ്യക്തമാക്കാനാകും. ഇവ ഫോണ്ട് സ്റ്റാക്കുകൾ എന്നറിയപ്പെടുന്നു. ഒരു PC- യിൽ (Arial പോലുള്ളത്) ഒരു സാധാരണ ഫോണ്ട് ഒരു മാക്കിന്റോഷിൽ സ്റ്റാൻഡേർഡ് ആയിരിക്കില്ലെന്ന് ഓർമിക്കുക. നിങ്ങളുടെ പേജുകൾ ഏറ്റവും ചുരുങ്ങിയത് ഇൻസ്റ്റാൾ ചെയ്ത മെഷീൻ (ഒപ്പം രണ്ട് പ്ലാറ്റ്ഫോമുകളിലും ആവശ്യമാണ്) എപ്പോഴും നിങ്ങളുടെ പേജുകൾ കാണണം.

എന്റെ പ്രിയപ്പെട്ട ഫോണ്ട് ശേഖരങ്ങളിലൊന്ന് ഈ സെറ്റ് ഒരു സാൻസ് സെരിഫ് ഫോണ്ട് ശേഖരമാണ്, അതേസമയം ജീൻവയും ഏരിയയും ഭയങ്കരമായി തോന്നുന്നില്ലെങ്കിലും മാക്കിന്റോഷ്, വിൻഡോസ് കമ്പ്യൂട്ടറുകളിൽ ഇവ ഒരേപോലെ സ്റ്റാൻഡേർഡ് ആണ് . യുണിക്സ് അല്ലെങ്കിൽ ലിനക്സ് പോലെയുള്ള മറ്റ് ഓപ്പറേറ്റിങ് സിസ്റ്റങ്ങളിൽ ഉപഭോക്താക്കൾക്ക് ഹെൽവെറ്റിക്കയും ഹെൽവെയുമുണ്ട്, അത് ശക്തമായ ഫോണ്ട് ലൈബ്രറിയുണ്ടായിരിക്കില്ല.

ഈ ഫോണ്ട് sans-serif ആണ്
ഈ ഫോണ്ട് serif ആണ്