Sami Al-Subhi Sami Al-Subhi - 3 months ago 14
CSS Question

Font that makes Arabic and English look of a similar size when set to the same font size

I am developing a website that support both English and Arabic. The problem is that when I use a specific font size, English looks bigger that Arabic. I know how I can work this out using CSS but if there are fonts that overcome this by default that would save time and make future updates easy.

Answer

Make sure you're using multi-lingual fonts such as "Arial".

For your question I looked at Google Translate since they have same font size for all languages. They are using there the following line as "font-family"

"arial,sans-serif!important".

Take notice that letters' width and height may vary between languages and may cause the feeling of "smaller letters".

hope that helps :) glhf