CSS3 & తెలుగు: డ్రాప్ క్యాప్ శైలి

వ్యాసంలో లేదా కథలో మొదటి అక్షరాన్ని పెద్దగా ప్రత్యేకంగా చూపించడం ముద్రణారంగంలో ఒక సాంప్రదాయం. Drop cap example జాలంలో కూడా ఇలా సింగారించడానికి జనాలు పలు పద్ధతులు వాడుతున్నారు, వాటిలో ప్రముఖంగా చెప్పుకోదగ్గది మొదటి అక్షరాన్ని ప్రత్యేక మార్కప్ ద్వారా గుర్తించడం. CSS ::first-letter సూడో-మూలకాన్ని అన్ని ఆధునిక జాల విహారిణులూ అమలుపరిచాకా, డ్రాప్ క్యాప్ అలంకరణకు అదే తేలిక మార్గం అయ్యింది.

ఉదాహరణకు, ప్రతీ పేరాలో మొదటి అక్షరాన్ని పెద్దగా చూపించడానికి ఈ క్రింది CSS నియమాన్ని వాడుకోవచ్చు:

p::first-letter { font-size: 3em; }

కానీ కేవలం మొదటి పేరా లోని మొదటి అక్షరానికి మాత్రమే వర్తించాలంటే:

p:first-child::first-letter { font-size: 2em; color: red; }

పై నియమంలో, :first-child అనే సూడో-తరగతి <p> మూలకం అది ఉన్న స్థాయిలో మొదటిది అయితే గనక గుర్తిస్తుంది.

అక్కడవరకూ బానే ఉంది. కానీ తెలుగు విషయానికి వచ్చేసరికి, జాల విహారిణులు మొదటి అక్షరాన్ని సరిగా గుర్తించలేకపోతున్నాయి. (తెలుగులో ఒక అక్షరం 7 యూనికోడ్ కోడుపాయింట్ల వరకూ, అంతకంటే ఎక్కువకూడా, ఉండొచ్చు. ఉదాహరణకు స్ట్రాంగ్ అనే పదంలో మొదటి అక్షరం “స్ట్రాం”లో 7 కోడుపాయింట్లు ఉన్నాయి.) ఫైర్‌ఫాక్స్ వారికి నేను ఈ దోషాన్ని నివేదించాను. ఆ దోషం సరయ్యింది కనుక ఫైర్‌ఫాక్స్ ఇప్పుడు తెలుగు మొదటి అక్షరాన్ని సరిగానే గుర్తుపడుతూంది.

వివిధ విహారిణుల్లో తెలుగుకి సంబంధించి ::first-letter సూడో-మూలకానికి ఉన్న తోడ్పాటు ఇదీ (బొమ్మను ఇంకా పెద్దగా చూడడానికి దానిపై నొక్కండి):

Support for ::first-letter for Telugu text across major web browsers

మీ అభిమాన విహారిణిలో దీన్ని పరీక్షించి చూడడానికి ఈ పేజీ (మరోటి) ఉపయోగపడవచ్చు. ఏమైనా సమస్యలు ఉంటే, మీ విహారిణి తయారీదారుకి నివేదించండి.

ఈ టపా ఆంగ్లంలో కూడా చదవవచ్చు.

ప్రకటనలు

మీ సైట్లలో అందమైన తెలుగు ఖతులను ఉపయోగించుకోవడం ఎలా?

తెలుగు ఖతులకు (ఫాంట్లకు) సంబంధించినంత వరకూ గత ఏడాదికీ ఇప్పటికీ పరిస్థితి చాలా మెరుగయ్యింది. ఇప్పుడు అనేక అందమైన నాణ్యమైన తెలుగు ఖతులు ఉచితంగానే లభిస్తున్నాయి. ఆంధ్రప్రదేశ్ ప్రభుత్వమూ సిలికానాంధ్ర సంస్థ కలసి మొత్తం 18 తెలుగు ఖతులను తెలుగు విజయం ప్రాజెక్టు ద్వారా అందించాయి. అలానే, సురవర వారు స్వర్ణ మరియు సంహిత అనే మరో రెండు ఖతులను ఉచితంగా అందిస్తున్నారు. వీటిని దింపుకొని మన కంప్యూటర్లలో స్థాపించుకుని మనం ఉపయోగించుకోవచ్చు. అంతే కాకుండా, వీటిని మన జాల గూళ్ళ లోనూ ఉపయోగించుకోవచ్చు! మన జాల గూళ్ళను చూసే వారి కంప్యూటర్లలో ఈ ఖతులు లేకపోతే ఎలా అనుకుంటున్నారా? ఫర్లేదు. @font-face అనే CSS3 సౌలభ్యం ద్వారా వాడుకరుల కంప్యూటర్లలో ఈ ఖతులు లేకున్నా సర్వర్ నుండి అప్పటికప్పుడు తెచ్చి చూపించవచ్చు. అదెలాగో ఈ టపా వివరిస్తుంది.

ముందుగా, క్రింద చూపించిన తెరపట్టు యొక్క అసలు పేజీని చూడండి. మీ కంప్యూటర్లో కొత్త తెలుగు ఖతులు లేకున్నా మీకు ఆ పేజీ తెరపట్టులో చూపిన విధంగా కనబడుతుంది. గమనిక: ఈ జాల ఖతుల సౌలభ్యం కనీసం ఇంటర్నెట్ ఎక్స్‌ప్లోరర్ (IE) 9 లేదా ఫైర్‌ఫాక్స్, క్రోమ్, ఓపెరా, సఫారీ వంటి విహారిణులలో పనిచేస్తుంది.

తెలుగు జాల ఖతుల ఉదాహరణ

“మీ సైట్లలో అందమైన తెలుగు ఖతులను ఉపయోగించుకోవడం ఎలా?” ‌చదవడం కొనసాగించండి