సిఎస్ఎస్ ఫండ్

为您的网站选择正确的字体很重要！

字体选择很重要

选择正确的字体会对网站的用户体验产生巨大影响。

సరైన ఫంట్ను ఎంచుకోవడం మీ బ్రాండ్ కు బలమైన రూపాన్ని సృష్టిస్తుంది.

చదవకట్లు ఉన్న ఫంట్లను ఎంచుకోవడం ముఖ్యం. ఫంట్లు మీ టెక్స్ట్ ను మరింత విలువైనది చేస్తాయి. ఫంట్లకు సరైన రంగు మరియు టెక్స్ట్ పరిమాణాన్ని ఎంచుకోవడం కూడా ముఖ్యం.

జనరల్ ఫంట్ కుటుంబం

CSS లో ఐదు జనరల్ ఫంట్ కుటుంబాలు ఉన్నాయి:

  • సెరిఫ్ ఫంట్ (సెరిఫ్) - ప్రతి అక్షరంపై చిన్న కాంటర్లు ఉన్నాయి. వాటిని రూపం మరియు శైలి సృష్టిస్తాయి.
  • సాన్స్-సెరిఫ్ ఫంట్ (సాన్స్-సెరిఫ్) - ఫంట్ స్రీస్ సరళమైన పద్ధతిలో ఉన్నాయి (చిన్న మొక్కలు లేవు). వాటిని ఆధునిక మరియు సరళమైన రూపం సృష్టిస్తాయి.
  • మోనోస్పేస్ ఫంట్ (మోనోస్పేస్) - ఈ ఫంట్లో అన్ని అక్షరాలు ఒకే స్థిరమైన వెడల్పంతో ఉన్నాయి. వాటిని యంత్రాత్మక రూపం సృష్టిస్తాయి.
  • కరసివర్ ఫంట్ (కరసివర్) - మానవ లేఖాలను అనుకరించిన ఫంట్.
  • ఫంటసీ ఫంట్ (ఫంటసీ) - అలంకారం/హర్షపూరితమైన ఫంట్.

అన్ని వివిధ ఫంట్ పేర్లు ఐదు జనరల్ ఫంట్ కుటుంబాలలో ఒకటికి చెందినవి.

సెరిఫ్ మరియు సాన్స్-సెరిఫ్ ఫంట్ల మధ్య తేడా

సెరిఫ్ విస్ సాన్స్-సెరిఫ్

హింస కుకంప్యూటర్ స్క్రీన్ పై, సాన్స్-సెరిఫ్ ఫంట్లు సెరిఫ్ ఫంట్లకంటే ఎక్కువగా చదవకట్లు అవుతాయి.

కొన్ని ఫంట్ల ఉదాహరణలు

జనరల్ ఫంట్ కుటుంబం ఫంట్ పేర్ల ఉదాహరణ
సెరిఫ్ టైమ్స్ న్ న్ రోమాన్
జియోర్జియా
గారమాండ్
సాన్స్-సెరిఫ్ ఆరియల్
వర్డా
హెల్వెటికా
మోనోస్పేస్ కరీర్ న్
లుసిడా కన్సోల్
మొనాకో
కరసివర్ బ్రష్ స్క్రిప్ట్ ఎమ్ టి
లుసిడా హ్యాండ్రైటింగ్
ఫంటసీ కాపర్ప్లేట్
పాపియర్స్

CSS font-family అట్రిబ్యూట్

CSS లో, మేము font-family అట్రిబ్యూట్ ను టెక్స్ట్ ఫంట్ను నిర్ణయించడానికి ఉపయోగిస్తాము.

font-family అట్రిబ్యూట్ అనేది బ్రాసర్/ఆపరేటింగ్ సిస్టమ్ మధ్య అత్యంత సహకారతతో అనేక ఫంట్ పేర్లను 'బేకప్ సిస్టమ్' గా చేయాలి. మీరు అవసరించే ఫంట్ ను మొదటిగా మరియు జనరల్ సిరీస్ ను చివరలో చేయండి (ఇతర ఫంట్లు లేకపోతే, బ్రాసర్ జనరల్ సిరీస్ లో సమానమైన ఫంట్ను ఎంచుకోండి). ఫంట్ పేర్లు కాండాలుతో వేరుచేయబడాలి.

కమెంట్:ఫంట్ పేరు కొన్ని పదాలు కలిగి ఉంటే, దానిని చుట్టివేయవలసివుంది, ఉదాహరణకు: "Times New Roman"。

ఉదాహరణ

మూడు పేరాంతాలకు వేరే ఫంట్లను నిర్ణయించండి:

.p1 {
  font-family: "Times New Roman", Times, serif;
}
.p2 {
  font-family: Arial, Helvetica, sans-serif;
}
.p3 {
  font-family: "Lucida Console", "Courier New", monospace;
}

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