CSS ఫాంట్ కుటుంబ ఆస్తితో ఫాంట్ కుటుంబాల శ్రేణి పేర్కొనడం

ఫాంట్-కుటుంబ ఆస్తి యొక్క సింటాక్స్

టైపోగ్రఫిక్ డిజైన్ ఒక విజయవంతమైన వెబ్ సైట్ రూపకల్పనలో క్లిష్టమైన భాగం. చదివి వినిపించే సులభంగా ఉన్న టెక్స్ట్తో సైట్లను సృష్టించడం మరియు ప్రతి వెబ్ డిజైన్ ప్రొఫెషనల్ యొక్క లక్ష్యాలు చాలా బాగున్నాయి. దీనిని సాధించడానికి, మీరు మీ వెబ్ పేజీలలో ఉపయోగించాలనుకుంటున్న నిర్దిష్ట ఫాంట్లను సెట్ చెయ్యాలి. మీ వెబ్ పత్రాల్లో టైప్ఫేస్ లేదా ఫాంట్ కుటుంబాన్ని పేర్కొనడానికి మీరు మీ CSS లో ఫాంట్-ఫ్యామిలీ స్టైల్ ఆస్తిని ఉపయోగిస్తారు.

మీరు ఉపయోగించగల సరళమైన font-family శైలి కేవలం ఒక ఫాంట్ కుటుంబం కలిగి ఉంటుంది:

p {font-family: Arial; }

మీరు ఈ శైలిని ఒక పేజీకి వర్తించినట్లయితే, అన్ని పేరాలు "ఏరియల్" ఫాంట్ ఫ్యామిలీలో ప్రదర్శించబడతాయి. ఇది చాలా గొప్పది మరియు "వెబ్-సురక్షిత ఫాంట్" గా పిలువబడుతున్నది, ఇది చాలా (అన్ని కాదు) కంప్యూటర్ ఇన్స్టాల్ చేయబడిందని అర్థం, అంటే మీ పేజీ ఉద్దేశించిన ఫాంట్లో ప్రదర్శిస్తుందని అందంగా సులభంగా తెలుసుకోవచ్చు. .

మీరు ఎంచుకునే ఫాంట్ కనుగొనలేకపోతే ఏమి జరుగుతుంది? ఉదాహరణకు, మీరు ఒక పేజీలో "వెబ్ సురక్షిత ఫాంట్" ను ఉపయోగించకుంటే, వారు ఆ ఫాంట్ లేకపోతే వినియోగదారు ఏజెంట్ ఏమి చేస్తారు? వారు ప్రతిక్షేపణ చేస్తారు.

ఈ కొన్ని చాలా ఫన్నీ చూస్తున్న పేజీలు దారితీస్తుంది. నా కంప్యూటర్ డెవలపర్ పేర్కొన్న ఫాంట్ కలిగి లేదు ఎందుకంటే నా కంప్యూటర్ "Wingdings" (ఒక ఐకాన్ సెట్) లో పూర్తిగా ప్రదర్శించబడుతుంది పేరు ఒక పేజీ వెళ్ళింది, మరియు నా బ్రౌజర్ ఇది ఏ ఫాంట్ లో చాలా పేద ఎంపిక చేసిన ప్రత్యామ్నాయంగా ఉపయోగించడానికి. పేజీ నాకు పూర్తిగా చదవదగినది! ఒక ఫాంట్ స్టాక్ నాటకంలోకి వస్తుంది.

ఫాంట్ స్టాక్లో కామాతో బహుళ బహుళ కుటుంబాలను వేరు చేయండి

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

ఫాంట్-కుటుంబం: పుస్సీక్యాట్, అల్జీరియన్, బ్రాడ్వే;

పై ఉదాహరణలో, బ్రౌజర్ "పుస్సీక్యాట్" ఫాంట్ కోసం వెతకవచ్చు, తర్వాత "అల్జీరియన్" తర్వాత "బ్రాడ్వే" ఇతర ఫాంట్లలో ఏదీ దొరకలేదు. ఇది మీ ఎంపిక చేసిన ఫాంట్లలో కనీసం ఒకదానిని ఉపయోగించుకునే అవకాశాన్ని మీకు అందిస్తుంది. ఇది ఖచ్చితమైనది కాదు, మన ఫాంట్ స్టాక్ (చదివే!) కు ఇంకా మనం ఇంకా ఎక్కువ కలిగి ఉన్నాము.

సాధారణ ఫాంట్లను ఉపయోగించు

కాబట్టి మీరు ఫాంట్ల జాబితాతో ఫాంట్ స్టాక్ని సృష్టించవచ్చు మరియు ఇప్పటికీ బ్రౌసర్ కనుగొనగల వాటిలో ఏవీ లేవు. బ్రౌజర్ పేలవమైన ప్రతిక్షేపణ ఎంపిక చేస్తే మీ పేజీ చదవలేనిదిగా చూపించకూడదని మీరు కోరుకుంటారు. సాధారణ ఫాంట్లు : అదృష్టవశాత్తూ CSS కూడా ఈ కోసం ఒక పరిష్కారం ఉంది.

మీరు ఎల్లప్పుడూ మీ ఫాంట్ జాబితా (ఒక కుటుంబం లేదా వెబ్ సురక్షితంగా ఉన్న ఫాంట్ల జాబితా అయినా) ఎల్లప్పుడూ ఒక సాధారణ ఫాంట్తో ముగించాలి. మీరు ఉపయోగించే ఐదు ఉన్నాయి:

పైన రెండు ఉదాహరణలు మారవచ్చు:

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

కొన్ని ఫాంట్ కుటుంబ పేర్లు రెండు లేదా అంతకంటే ఎక్కువ పదాలు

మీరు ఉపయోగించాలనుకుంటున్న ఫాంట్ కుటుంబం ఒకటి కంటే ఎక్కువ పదాలను కలిగి ఉంటే, అది డబుల్-కోట్ మార్కులతో మీరు చుట్టూ ఉండాలి. కొందరు బ్రౌజర్లు కొటేషన్ గుర్తులను లేకుండా ఫాంట్ కుటుంబాలను చదవగలిగినప్పటికీ, తెల్లని స్థలాలను ఖండించడం లేదా నిర్లక్ష్యం చేస్తే సమస్యలు ఉండవచ్చు.

font-family: "టైమ్స్ న్యూ రోమన్", సెరిఫ్;

ఈ ఉదాహరణలో, ఫాంట్ పేరు "టైమ్స్ న్యూ రోమన్" బహుళ-పదం అయిన కోట్స్లో పొదిగినట్లు మీరు చూడవచ్చు. ఇది మూడు పదాల పేర్లతో పోలిస్తే, ఈ మూడు పదాల ఫాంట్ పేరులో భాగమైన బ్రౌజర్కు ఇది చెబుతుంది.

జెన్నిఫర్ క్రిన్ని రచించిన అసలు వ్యాసం. జెరెమీ గిరార్డ్ చేత 12/2/16 న సవరించబడింది