HTML UTF-8不同的'事实上'字体大小

Question

I want to make a Country-Picker with a select (in the original, foreign language). The characters in some languages are greater than others (with same font size).

<select>
    <option>Cambodia (កម្ពុជា)</option>
    <option>Deutschland (Germany)</option>
</select>

Example: http://jsfiddle.net/93Xnc/

How can I fix this? I cannot change the font-size within an <option> .

Thanks in advance

Answer 1

You can fix it by using multiple typefaces and various font sizes for your options.

Example:

<option style="font-family:Comic Sans MS,arial,serif;font-size:13px">Cambodia (កម្ពុជា)</option>
<option style="font-family:Arial,serif,sans-serif;font-size:11px">Deutschland (Germany)</option>

You can find plenty of typefaces in Google Fonts . Just find those that best fit to your options and adjust the font-sizes accordingly.