Style fontFamily అంశం

నిర్వహణ మరియు ఉపయోగం

fontFamily అంగామి టెక్స్ట్ ఫాంట్ కుటుంబం (font-family) మరియు/లేదా జనరిక్ సిరీస్ (generic-family) నేమ్ జాబితాను అంశాన్ని సెట్ లేదా రిటర్న్ చేస్తుంది.

బ్రౌజర్ గుర్తించగల మొదటి విలువను ఉపయోగిస్తుంది.

రెండు రకాల ఫాంట్-ఫేమిలీ విలువలు ఉన్నాయి:

  • font-family: ఫాంట్ కుటుంబం నేమ్, ఉదాహరణకు "verdana" లేదా "arial"
  • generic-family: జనరిక్ ఫాంట్ కుటుంబం నేమ్, ఉదాహరణకు "serif" లేదా "sans-serif"

సూచన

దానికి ప్రాథమికంగా జనరిక్ సిరీస్ నేమ్ ను నిర్ధారించండి!

ప్రతి విలువను కామా నిర్వహించండి.

ఫాంట్ కుటుంబం నేమ్ లో అంతరాన్ని ఉన్నట్లయితే, దానిని చుట్టివేయండి.

చూడండి: వెబ్ సెక్యూరిటీ ఫాంట్స్సాధారణ ఫాంట్ కంబైనేషన్స్ ను గురించి తెలుసుకోండి.

మరియు చూడండి:

CSS పాఠకం:CSS ఫంట్

CSS పరిశీలన మానాలు:ఫాంట్-ఫేమిలీ అంశం

HTML DOM పరిశీలన మానాలు:ఫాంట్ అంశం

ఉదాహరణ

ఉదాహరణ 1

పి అంగామి ఫాంట్ ను సెట్ చేయండి:

document.getElementById("myP").style.fontFamily = "Impact,Charcoal,sans-serif";

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 2

సాధ్యమైన విలువల ప్రదర్శన:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myP").style.fontFamily = listValue;

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 3

పి అంగామి ఫాంట్ ను రిటర్న్ చేయండి:

alert(document.getElementById("myP").style.fontFamily);

స్వయంగా ప్రయత్నించండి

సింటాక్స్

ఫాంట్ విలువ అంశాన్ని రిటర్న్ చేయండి:

object.style.fontFamily

ఫాంట్ విలువ అంశాన్ని సెట్ చేయండి:

object.style.fontFamily = "font1, font2...|initial|inherit"

అంశాన్ని విలువ

విలువ వివరణ
font1, font2... కామా నిర్వహించిన ఫాంట్ కుటుంబం నేమ్ మరియు/లేదా జనరిక్ సిరీస్ నేమ్ జాబితా.
initial ఈ అంశాన్ని దాని డిఫాల్ట్ వాల్యూకు సెట్ చేయండి. చూడండి: initial.
inherit తన పేరిట పెరిగిన అంగామి నుండి ఈ అంశాన్ని పాటించుకోండి. చూడండి: inherit.

టెక్నికల్ వివరణ

డిఫాల్ట్ వాల్యూ: నిర్ధారించబడలేదు
రిటర్న్ వాల్యూ: అక్షరశృంఖలం అనేది అంగామి చైనీస్ టెక్స్ట్ ఫాంట్ నేమ్ ను సూచిస్తుంది.
CSS వెర్షన్: CSS1

బ్రౌజర్ మద్దతు

చ్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఒపెరా
చ్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఒపెరా
మద్దతు మద్దతు మద్దతు మద్దతు మద్దతు