Take the 2-minute tour ×
Super User is a question and answer site for computer enthusiasts and power users. It's 100% free, no registration required.

I am using a CMS. The special characters ◁(◁) and ▷(▷) do look far smaller on a Mac than on a Windows system (both Firefox). △(△) and ▽(▽) looks fine though.

enter image description here

I already changed the font-family because I thought the reason could be problem with the font, but even using Helvetica, Western or even Tahoma and Arial those characters are small. This looks to me like a very special Mac OS or Firefox thing.

Does anyone have an idea why that is so and what can be done?

share|improve this question
    
I fixed this for you, added an example screenshot and filed a bug report. As you can see, for me the left arrow also looks smaller (on OS X 10.6) –  slhck Oct 14 '11 at 11:28
    
@slhck: thanks, this looks far better now. Where did you file a bug report (mac or firefox or even Safari)? –  Thariama Oct 14 '11 at 11:51
    
No, not for any browser, just for the editor here (see the link)! Maybe you can add a better screenshot? –  slhck Oct 14 '11 at 11:59
    
Ah, ok. But i guess the error is not located in any rte. I am using tinymce - that's the palce where i found this behaviour, but the problem seems to be more underlying. –  Thariama Oct 14 '11 at 12:10

1 Answer 1

up vote 3 down vote accepted

The glyphs are just taken from different fonts. Like ◁ could be from Lucida Grande and ▷, △, and ▽ from Hiragino Kaku Gothic ProN.

None of the bundled versions of Helvetica, Arial, or Tahoma have any of those glyphs. Some fonts that have all of them are Arial Unicode MS, DejaVu Sans, and Lucida Sans Unicode.

It's the same problem as with sparklines like ▁▂▃▄▅▆▇█. Sometimes the full height or half height glyphs are taken from a different font, so they look misaligned.

share|improve this answer
    
that is a very good description of the problem - and now i know how to solve it (looks like i will have to create a new font) –  Thariama Oct 14 '11 at 15:54
2  
Or just add some unicode fonts to your font stack... <span style="font-family: Helvetica, 'DejaVu Sans', 'Arial Unicode MS', 'Lucida Sans Unicode', sans-serif">◁▷△▽</span> –  ؘؘؘ Oct 14 '11 at 16:07
    
that is a good idea –  Thariama Oct 14 '11 at 16:13

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.