crossroads.veeven.comCrossroads | All about Telugu on the Web and computers, in English

Crossroads All about Telugu on the Web and computers, in English Menu Skip to content About Search for: CSS3 & Telugu: Letter Spacing November 4, 2016 How To css3 Veeven CSS has a property called letter-spacing , which allows web authors to style thier text such that letters can be spaced out. E.g.: C R O S S R O A D S Things get interesting for Telugu. A character or letter from the the user’s perspective can actually contain multiple Unicode code points. For example, “స్త్రీ” is one character/letter. Similarly, “స్ట్రాంగ్” has two characters. When letter spacing is applied to Telugu text, web browsers need to add additional space between characters. What matters is what is considered a letter by each browser might vary. I tried to test this in few web browsers. It worked properly in Mozilla Firefox and Google Chrome browsers. However, IE 11 has issues. Here is an image showing rendering across these browsers at the time of this post: Here is a test page for you to see how your web browser shows it. I didn’t have access to Microsoft Edge browser. If you are using Windows 10, please post a screenshot of that test page from Edge browser. View all 4 comments CSS3 and Telugu: Ordered lists with Telugu numerals and alphabet November 2, 2016 How To css3 Veeven It is a custom that ordered lists are presented with numerals or alphabet. And, Telugu web sites would want to present lists in their pages in Telugu numerals or alphabet. For example: ౧. శుక్రుడు ౨. బుధుడు ౩. భూమి ౪. అంగారకుడు Or, with alphabet: అ. శుక్రుడు ఆ. బుధుడు ఇ. భూమి ఈ. అంగారకుడు CSS3 makes these possible. CSS3 added a concept called counter styles and extended list-style-type property to accept any defined counter style as a value. CSS3 also added predefined counter style called telugu for Telugu numerals. That means we can just write the following CSS for ordered lists to show up with Telugu numbers: ol { list-style-type: telugu; } See this in action . At the time of writing this, it is working fine in Firefox and Chrome. Not in IE 11, though. CSS3 did not define a counter style for lists with Telugu alphabet. But, the whole point of counter styles is to let web authors write their own counter styles. So, we can define our own list styles. Let’s first define a counter style: @counter-style telugu-alphabetic { system: alphabetic; symbols: 'అ' 'ఆ' 'ఇ' 'ఈ' 'ఉ' 'ఊ' 'ఎ' 'ఏ' 'ఐ' 'ఒ' 'ఓ' 'ఔ' 'అం' 'అః' 'క' 'ఖ' 'గ' 'ఘ' 'ఙ' 'చ' 'ఛ' 'జ' 'ఝ' 'ఞ' 'ట' 'ఠ' 'డ' 'ఢ' 'ణ' 'త' 'థ' 'ద' 'ధ' 'న' 'ప' 'ఫ' 'బ' 'భ' 'మ' 'య' 'ర' 'ల' 'వ' 'శ' 'ష' 'స' 'హ' 'ళ' 'క్ష' 'ఱ'; } Now, we can use it as follows: ol { list-style-type: telugu-alphabetic ; } See this in action . This works in Firefox. Sadly, other browsers do not yet have support for user defined counter styles ( @counter-style rules). These counter styles can be extended to achieve different formatting needs like placing the number or letter in parentheses. Something like below: (అ) శుక్రుడు (ఆ) బుధుడు (ఇ) భూమి (ఈ) అంగారకుడు I compiled few counter styles for Telugu covering major use cases, including styles with parenthesis. What else do you think should be covered? One comment so far Telugu Unicode to Anu font converters May 30, 2015 How To anufonts , telugu , unicode Veeven Now-a-days, lots and lots of Telugu content (both online and offline) is being created in Unicode. There are many free typing tools for Telugu (even, on mobile phones too ). People no longer need to buy proprietary fonts and text editors to compose in Telugu. And, a good number of beautiful Telugu Unicode fonts are available for free download , thanks to Telugu Vijayam project of earlier joint Andhra Pradesh government. (These Telugu fonts are also available in Google Fonts .) Modern publishing tools such as Adobe InDesign have support for Unicode Telugu. And, many people have already published their books in Unicode. Despite that, most of the Telugu publishing and printing industry and small DTP operators have not yet moved to Unicode. (We need to create awareness of Unicode and its benefits for Telugu content and publishing industry.) Because the Telugu publishing industry and media still using proprietary fonts, people are looking for tools to convert Unicode text into Anu and other proprietary Telugu fonts for printing. Here are a couple of links that try to convert Unicode Telugu text to Anu fonts: Continue reading Telugu Unicode to Anu font converters → View all 12 comments CSS3 and Telugu: Drop caps using ::first-letter pseudo element February 4, 2015 How To css3 , dropcap , first-letter Veeven In the publishing world, it is a convention to style the first character of the article/story distinctively. When it comes to the web, people use different techniques to achieve the same, famous being adding extra markup around the first letter. With ::first-letter pseudo element being available in all modern web browsers, it became the simplest way to achieve drop caps. For example, to style the first letter of every paragraph, we can use the following CSS rule: Continue reading CSS3 and Telugu: Drop caps using ::first-letter pseudo element → View all 2 comments Round-up #2: Firefox for Android in Telugu; Chandam, a tool for Telugu chandassu July 25, 2014 News Veeven Firefox for Android is now available in Telugu The Firefox web browser for Android version 31 was released with new locales Telugu and 10 other Indian languages. That means now we can have the web browser in our own language. The catch is you need to have Telugu as the language from Android Language Settings. There are few Samsung smartphones that have UI available in Telugu. Mozilla is planning for the ability to change the default language of Firefox for Android in future releases. Update (2014-09-04) : You now have (from Firefox 32) the ability to change the language of Firefox for Android irrespective of the Android language. Chandam, a complete software for Telugu chandassu Dileep Miriyala announced the availability of Chandam , a web-based tool for Telugu chandassu . Chandam helps to analyze Telugu padyaalu according to chandassu rules: gana vibhajana , yati, praasa , etc. He has also published an article in EeMaata introducing Chandam . The Chandam web site itself has lots of documentation about using the software and on writing Telugu padyaalu . Continue reading Round-up #2: Firefox for Android in Telugu; Chandam, a tool for Telugu chandassu → One comment so far New Telugu font from Google: Noto Sans Telugu July 16, 2014 Fonts anufonts , noto , telugu fonts Veeven You might have been seeing this new Telugu font in latest versions of Android (not necessarily in devices from Samsung). It’s Noto Sans Telugu . Here is a sample: Continue reading New Telugu font from Google: Noto Sans Telugu → Leave a comment Round-up #1 (August 2013) September 6, 2013 News Veeven Samsung mobiles in Indian languages It has been reported that Samsung will support more Indian languages in its mobiles . The news item said: Samsung announced the availability of its user interface and applications in nine Indian languages — Hindi, Punjabi, Bengali, Tamil, Gujarati, Marathi, Telugu, Kannada and Malayalam — on its smartphones and Tablet PC, on its smartphones and Tablet PC. As of now, the option is supported on Galaxy Grand, Galaxy S4 and Tab 3. I did not find anything to this effect on Samsung India’s website. If you have come across these devices in local languages, please post screenshots and share your experience. Multilingual names in OpenStreetMap OpenStreetMap has support for labels in local languages. Here is a screen shot showing a name is being added in Telugu. Continue reading Round-up #1 (August 2013) → Leave a comment Call for translating WordPress into Telugu June 22, 2013 News l10n , localization , telugu , WordPress Veeven Did you know WordPress is available in Telugu ? It is! However, it is not fully translated into Telugu yet. You can help. You can translate both WordPress.org and WordPress.com: For translating core WordPress: tra...