Skip to main content

CSS తో వెబ్ పేజీ ఫాంట్ మార్చండి ఎలా

Anonim

సాధారణ స్టైలింగ్ ఎంపికలు మీరు CSS (కాస్కేడింగ్ స్టైల్ షీట్లు) ఉపయోగించి ఒక వెబ్ పేజీ యొక్క ఫాంట్ (లేదా రకం) మార్చడానికి వీలు. మీరు వ్యక్తిగత పదాలు, ప్రత్యేక వాక్యాలు, ముఖ్యాంశాలు, మొత్తం పేరాలు మరియు టెక్స్ట్ యొక్క మొత్తం పేజీల యొక్క ఫాంట్ను సెట్ చేయవచ్చు.

CSS తో ఫాంట్ మార్చండి ఎలా

మీరు HTML మరియు CSS మార్పులు ఏదైనా HTML ఎడిటర్ లేదా టెక్స్ట్ ఎడిటర్ ఉపయోగించి క్రింద వివరించారు చేయవచ్చు. మీరు పేజీ నుండి పాఠాన్ని కాపీ చేసి, సంపాదకుల్లో మొత్తం వెబ్ పేజీని తెరిచి ప్రత్యక్షంగా సవరించడానికి ఎడిటర్లో అతికించండి.

  1. మీరు ఫాంట్ మార్చాలనుకుంటున్న వచనాన్ని గుర్తించండి. మేము దీనిని ఉదాహరణగా ఉపయోగిస్తాము:

    ఈ టెక్స్ట్ ఏరియల్లో ఉంది

  2. SPAN మూలకంతో టెక్స్ట్ని చుట్టుముట్టండి:

    ఈ టెక్స్ట్ ఏరియల్లో ఉంది

  3. లక్షణాన్ని జోడించండి శైలి = "" span tag కు:

    ఈ టెక్స్ట్ ఏరియల్లో ఉంది

  4. శైలి గుణం లోపల, ఉపయోగించి ఫాంట్ మార్చండి ఫాంట్ కుటుంబం శైలి.

    ఈ టెక్స్ట్ ఏరియల్లో ఉంది

  5. ప్రభావాలను చూడడానికి మార్పులను సేవ్ చేయండి.

ఫాంట్ మార్చడానికి CSS ను ఉపయోగించడం కోసం చిట్కాలు

  1. ఉత్తమ విధానం ఎల్లప్పుడూ మీ ఫాంట్ స్టాక్ (ఫాంట్ల జాబితా) లో కనీసం రెండు ఫాంట్లను కలిగి ఉంది, తద్వారా బ్రౌజర్ మొదటి ఫాంట్ లేకపోతే, అది బదులుగా రెండవ ఫాంట్ను ఉపయోగించవచ్చు.

    ఇలాంటి కామాతో బహుళ ఫాంట్ ఎంపికలను విభజించండి:

    ఫాంట్-కుటుంబం: ఏరియల్, జెనీవా, హెల్వెటికా, సాన్స్-సెరిఫ్;

  2. పైన వివరించిన ఉదాహరణ ఇన్లైన్ స్టైలింగ్ను ఉపయోగిస్తుంది, కాని స్టైలింగ్ యొక్క ఉత్తమ రకమైన బాహ్య శైలి షీట్ను ఉపయోగిస్తుంది, అందువల్ల మీరు కేవలం ఒక మూలకం కంటే ఎక్కువ ప్రభావం చూపుతుంది. మీరు టెక్ట్స్ బ్లాక్స్పై శైలిని సెట్ చేయడానికి ఒక తరగతిని ఉపయోగించవచ్చు.

    ఈ టెక్స్ట్ ఏరియల్లో ఉంది

    ఈ ఉదాహరణలో, పైన ఉన్న HTML శైలిని CSS ఫైల్ క్రింది విధంగా కనిపిస్తుంది:

    .రియల్ {font-family: Arial; }

  3. ఎల్లప్పుడూ ఒక సెమికోలన్ (;) తో CSS శైలులు అంతం. ఒక్క శైలి మాత్రమే ఉన్నప్పుడు ఇది అవసరం లేదు, కానీ ఇది ప్రారంభించడానికి మంచి అలవాటు.