Thanks to a suggestion from Sanjay Vyas, I have fixed the problem of Tamil texts not rendering properly in my blog.
Analyzing the problem, I found that my Blog Name which is in Tamil and my blog entry text in Tamil were not rendering properly. The encoding is getting set correctly to “UTF-8” in all browsers.
Currently I am using the DasBlog theme in my blog. If I select Just HTML, as my Theme then the texts gets rendered correctly. So it turns out to be a problem with the main CSS that gets applied for DasBlog them. With this, I narrowed the problem to be with the file at “/themes/dasBlog/dasBlog.css”.
Since the problem was with Blog Name and Entry text, I searched for their CSS styles. DasBlog uses .siteName & .itemBodyStyle styles for these.
In the .siteName section, there is a definition letter-spacing: .1em; I deleted this. Similarly .itemBodyStyle, contained text-align: justify; I deleted this as well. Saved the DasBlog.CSS, refreshed my Mozilla, everything seems to work fine.
Write a comment if the problem still persists with any other browsers that you are using to read my blog.