Search code examples
htmlcsstamil

Tamil fonts mess up HTML element's alignment and design

Why the Tamil words are not aligning correctly as English words and why its change the default html element behavior?

For example I include the code sample below for your clarification and it is better to open it with firefox because it will clearly show the difference between the select boxes.

<body>
  <select>
    <option>June</option>
  </select>

  <select>
    <option>ஜூன்</option>
  </select>
</body>

It may be a small issue, but don't have a clear idea about this behavior.

I'll be so glad if someone explain me why this is happening and what should i do to solve this..?

screen-shot when open this in firefox. enter image description here

Solution

  • English fonts are generated by ASCII codes and Tamil,kanada,malayalam etc are generated by the help of Unicode so it may take some extra spacing... using the css You can control the size of that dropbox.