Firefox renders some characters smaller than the font size

Question

Here's a fiddle with some Unicode characters.

<p>★★★½☆</p>

Here it is rendered in Safari, looking as expected:

Here it is in Firefox:

I badly need Firefox to look like Safari. What exactly is going on here, and is there anything I can do about it?

Answer 1

Those characters aren't present in the font you're setting in your stylesheet, so the browser does fallback to some font that does have the characters. This fallback is done on a character-by-character basis, so different fonts can ed up being used for different characters. Specifically, I strongly doubt Times New Roman has those star characters.

I suggest setting a font that actually has the characters you're using in your stylesheet.