CSS ఫాంట్ ఫేమిలీ అట్రిబ్యూట్
- ముంది పేజీ @font-face
- తదుపరి పేజీ font-feature-settings
定义和用法
font-family 规定元素的字体系列。
font-family కొన్ని ఫాంట్ పేర్లను ఒక "తిరిగి పరిగణనలోకి" వ్యవస్థగా ఉంచవచ్చు. బ్రౌజర్ మొదటి ఫాంట్ని మద్దతు ఇచ్చితే, తదుపరి ఫాంట్ని ప్రయత్నిస్తుంది. అంటే, font-family లక్షణపు విలువ కొన్ని ఫాంట్ కుటుంబాల పేరు లేదా / మరియు క్లాస్ కుటుంబాల పేరు యొక్క ప్రాధాన్యతల జాబితా. బ్రౌజర్ గుర్తించిన మొదటి విలువను ఉపయోగిస్తుంది.
ఫాంట్ కుటుంబాల పేరు రెండు రకాలు ఉన్నాయి:
- నిర్దేశించబడిన కుటుంబాల పేరు: ప్రత్యేక ఫాంట్ పేరు, ఉదాహరణకు: "times", "courier", "arial"
- సాధారణ ఫాంట్ కుటుంబాలు: ఉదాహరణకు: "serif", "sans-serif", "cursive", "fantasy", "monospace"
సలహా:ప్రతి విలువను కొండిరెట్టుగా విభజించండి, మరియు క్లాస్ కుటుంబాన్ని చివరి ఎంపికగా అందించండి.
గమనిక:ఒక ప్రత్యేక ఫాంట్ కుటుంబాన్ని (జీనేవా) ఉపయోగించడం వాడి కంప్యూటర్లో అందుబాటులో ఉన్న ఫాంట్ కుటుంబానికి ఆధారపడి ఉంటుంది; ఈ లక్షణం ఏ ఫాంట్ డౌన్లోడ్ సూచనను ఇవ్వదు. అందువల్ల, ఒక సాధారణ ఫాంట్ కుటుంబానికి ఒక వెనుకటి మార్గం గా ఉపయోగించడానికి ప్రచురించబడింది.
మరియు చూడండి:
CSS పాఠశాల:CSS ఫాంట్
CSS సూచికాగ్రం:CSS ఫాంట్ అట్రిబ్యూట్
HTML DOM సూచికాగ్రం:font లక్షణం
ఉదాహరణ
పేరాగ్రాఫ్ని ఫాంట్ని సెట్ చేయండి:
p { font-family:"Times New Roman",Georgia,Serif; }
CSS సంకేతాలు
font-family: family-name|generic-family|initial|inherit;
అటువంటి లక్షణపు విలువ
విలువ | వివరణ |
---|---|
|
కొన్ని ఎలిమెంట్ కొరకు ఫాంట్ కుటుంబం పేరు లేదా / మరియు క్లాస్ కుటుంబం పేరు యొక్క ప్రాధాన్యతల జాబితా. అప్రమేయ విలువ: బ్రౌజర్ తో సంబంధించినది. |
inherit | తల్లి ఎలిమెంట్ నుండి ఫాంట్ సిస్టమ్ అనుసరించాలని నిర్ధారించబడింది. |
సాంకేతిక వివరాలు
అప్రమేయ విలువ: | లేదు |
---|---|
పారంపర్యం: | అవును |
సంస్కరణ: | CSS1 |
JavaScript సంకేతాలు: | object.style.fontFamily="arial,sans-serif" |
TIY ఉదాహరణ
- టెక్స్ట్ ఫాంట్ని సెట్ చేయడం
- ఈ ఉదాహరణలో టెక్స్ట్ ఫాంట్ని ఎలా సెట్ చేయాలనేది చూపబడింది.
బ్రౌజర్ మద్దతు
పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇస్తున్న మొదటి బ్రౌజర్ సంస్కరణను సూచిస్తాయి.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- ముంది పేజీ @font-face
- తదుపరి పేజీ font-feature-settings