ఫాంట్ సైజింగ్తో రీడబిలిటీని పెంచే పద్ధతిని ఈ పోస్ట్ వివరిస్తుంది.
ఫాంట్ సైజింగ్తో రీడబిలిటీని మెరుగుపరచడం ఎలా?
వివిధ అంశాలపై పని చేయడం ద్వారా ఫాంట్ల రీడబిలిటీని పెంచవచ్చు. లైన్ పొడవును కొంచెం పెద్ద పరిమాణానికి పెంచడం వంటివి. అదనంగా, తగిన ఫాంట్ కుటుంబాన్ని ఉపయోగించండి మరియు సరైన ఫాంట్ పరిమాణాన్ని ఉపయోగించండి. అయినప్పటికీ, ఫాంట్ సైజింగ్తో రీడబిలిటీని మెరుగుపరచడాన్ని ఆచరణాత్మకంగా తెలుసుకోవడానికి, దిగువ అందించిన దశలను అనుసరించండి:
దశ 1: HTML నిర్మాణాన్ని సృష్టించండి దశ 2: CSSని వర్తింపజేయండి అవుట్పుట్ దశ 3: మీడియా ప్రశ్నను వర్తింపజేయండి మీడియా ప్రశ్నను వర్తింపజేసిన తర్వాత దిగువన ఒక అవుట్పుట్ ఉంది. మీడియా ప్రశ్న '' కంటే సమానమైన లేదా తక్కువ స్క్రీన్ పరిమాణాన్ని కలిగి ఉన్న పరికరాల కోసం రూపొందించబడింది. 768px ”: ఫాంట్ సైజింగ్తో రీడబిలిటీని మెరుగుపరచడానికి, ముందుగా, రీడబిలిటీ మరియు ఫాంట్ సైజింగ్ యొక్క భావాన్ని అభివృద్ధి చేయండి. అంతేకాకుండా, వివిధ ఫాంట్ సైజులు మరియు ఫాంట్ ట్యాగ్లను అర్థం చేసుకోండి. తగిన ఫాంట్ పరిమాణాన్ని ఎంచుకుని, ఆపై తగిన లైన్ ఎత్తును ఎంచుకోండి. సాధారణంగా, లైన్ ఎత్తు ఫాంట్ పరిమాణం కంటే 1.2 రెట్లు ఉంటుంది. అంతేకాకుండా, వెబ్ కంటెంట్కు సరిపోయే ఫాంట్ కుటుంబాన్ని ఎంచుకోండి. ఈ వ్యాసం ఫాంట్ సైజింగ్తో రీడబిలిటీని పెంచే ఆచరణాత్మక మార్గాన్ని ప్రదర్శించింది.
సృష్టించడం ప్రారంభించండి
< శరీరం >
< div తరగతి = 'విషయము' >
< h1 > Linux సూచనకు స్వాగతం. < / h1 >
< p > ప్రముఖ పోర్టల్ వెబ్సైట్ Linux హింట్ కంప్యూటర్ సైన్స్ అంశాల గురించి గొప్ప సమాచారాన్ని అందిస్తోంది. < / p >
< / div >
< / శరీరం >
మొదట, 'ని సెట్ చేయండి ఫాంట్ పరిమాణం ' నుండి ' 16px ” మరియు “లైన్-ఎత్తు” నుండి “ 1.5 ”. ఇంకా, ఫాంట్ను కూడా సెట్ చేయండి మరియు టాగ్లు:
శరీరం {
ఫాంట్-కుటుంబం: సాన్స్-సెరిఫ్;
ఫాంట్- పరిమాణం : 18px;
లైన్- ఎత్తు : 1.5 ;
}
h1 {
వచనం- సమలేఖనం : కేంద్రం;
ఫాంట్- పరిమాణం : 26px;
}
p {
ఫాంట్- పరిమాణం : 18px;
}
అన్ని స్క్రీన్ పరిమాణాలకు సరిపోయే కోడ్ యొక్క అవుట్పుట్ ఇక్కడ ఉంది:
@ మీడియా ( గరిష్టంగా- వెడల్పు : 768px ) {
శరీరం {
ఫాంట్- పరిమాణం : 16px;
లైన్- ఎత్తు : 1.5 ;
}
h1 {
ఫాంట్- పరిమాణం : 22px;
}
p {
ఫాంట్- పరిమాణం : 14
}
}
ముగింపు