I'm not sure whether to file a bug report with Firefox or to get different fonts or what. The arrows in the normal (100% size) sans-serif font look lousy.
Could some of you try saving this as a file and viewing in Firefox? Any thoughts on what I should do to fix this?
<html>
<head>
<style type='text/css'>
div.box { border: 1px solid black; }
.fsansserif { font-family: sans-serif; }
.fserif { font-family: serif; }
.sz110 { font-size: 110%; }
.sz100 { font-size: 100%; }
.sz090 { font-size: 90%; }
.sz080 { font-size: 80%; }
</style>
</head>
<body>
Why do a few of the arrows look lousy when all the rest look ok?
(winXP, Firefox 3.5: the 100% sans-serif look
bad, so do the left arrows at 80%)
<div class='box fsansserif'>Sans-serif:
<p class='sz110'>110%: ← ↔ → </p>
<p class='sz100'>100%: ← ↔ → </p>
<p class='sz090'> 90%: ← ↔ → </p>
<p class='sz080'> 80%: ← ↔ → </p>
</div>
<div class='box fserif'>Serif:
<p class='sz110'>110%: ← ↔ → </p>
<p class='sz100'>100%: ← ↔ → </p>
<p class='sz090'> 90%: ← ↔ → </p>
<p class='sz080'> 80%: ← ↔ → </p>
</div>
</body>
</html>
Here's what I see on my screen:
