CSS ను ఉపయోగించి వెబ్ పేజీలలో ఫాంట్ మార్చండి ఎలా

FONT మూలకం HTML 4 లో డీప్రికేటెడ్ చేయబడింది మరియు HTML5 వివరణలో భాగం కాదు. కాబట్టి, మీరు మీ వెబ్ పేజీలలో ఫాంట్లను మార్చాలనుకుంటే, మీరు CSS (క్యాస్కేడింగ్ స్టైల్ షీట్లు ) తో ఎలా చేయాలో నేర్చుకోవాలి.

CSS తో ఫాంట్ మార్చడం దశలు

  1. వచన HTML ఎడిటర్ను ఉపయోగించి వెబ్ పేజీని తెరవండి. ఇది కొత్త లేదా ఇప్పటికే ఉన్న పేజీ కావచ్చు.
  2. కొంత వచనాన్ని వ్రాయండి: ఈ టెక్స్ట్ ఏరియల్ లో ఉంది
  3. SPAN మూలకంతో టెక్స్ట్ చుట్టూ: ఈ టెక్స్ట్ ఏరియల్ లో ఉంది
  4. Span ట్యాగ్కు లక్షణం శైలి = "" జోడించండి: ఈ టెక్స్ట్ ఏరియల్ లో ఉంది
  5. శైలి లక్షణంలో, font-family శైలిని ఉపయోగించి ఫాంట్ను మార్చండి: ఈ టెక్స్ట్ ఏరియల్ లో ఉంది

CSS తో ఫాంట్ మార్చడం కోసం చిట్కాలు

  1. కామా (,) తో బహుళ ఫాంట్ ఎంపికలు వేరు. ఉదాహరణకి,
    1. ఫాంట్-కుటుంబం: ఏరియల్, జెనీవా, హెల్వెటికా, సాన్స్-సెరిఫ్;
    2. మీ ఫాంట్ స్టాక్ (ఫాంట్ల జాబితా) లో కనీసం రెండు ఫాంట్లను కలిగి ఉండటం ఉత్తమం, తద్వారా బ్రౌజర్ మొదటి ఫాంట్ లేకపోతే, దాన్ని రెండవ బదులుగా ఉపయోగించవచ్చు.
  2. ఎల్లప్పుడూ ఒక పాక్షిక-కోలన్ (;) తో ప్రతి CSS శైలులను ముగుస్తుంది. ఒకే శైలి ఉన్నప్పుడు ఇది అవసరం లేదు, కానీ అది పొందడానికి మంచి అలవాటు.
  3. ఈ ఉదాహరణ ఇన్లైన్ శైలులను ఉపయోగిస్తుంది, కానీ బాహ్య స్టైల్ షీట్లలో ఉత్తమ రకం శైలులు పెడతారు, తద్వారా మీరు కేవలం ఒక మూలకాన్ని మాత్రమే ప్రభావితం చేయవచ్చు. మీరు టెక్ట్స్ బ్లాక్స్పై శైలిని సెట్ చేయడానికి ఒక తరగతిని ఉపయోగించవచ్చు. ఉదాహరణకి:
    1. class = "arial"> ఈ టెక్స్ట్ ఏరియల్ లో ఉంది
    2. CSS ను ఉపయోగించడం:
    3. .రియల్ {font-family: Arial; }