Why do Arial Unicode MS characters use such weird spacing?


I am trying to rid my web pages of all Wingdings, since non-M$ browsers don't like them.  Most of these are bullets I use.  It is easy enough to find Arial Unicode MS characters for most of my Wingding characters but there is a problem.

When I use these to replace bullet-points in my tables, they seem to have a large blank margin above them.  This causes the sizing of my tables to be screwed up pretty badly.  What is causing this useless and painful "whitespace" above the symbols and can I get rid of it?
Who is Participating?
I recommend using a CSS style to set your line height. This will ensure your heights remain constant throughout.

I can't test now, so don't have opportunity to look into your problem. But as a suggestion, you could create images of the bullets (via a screenshot), then use list-style-image in your css to set this image as the bullet, with a fall-back on the standard list-style-type, like square or circle.
MitchellVIIAuthor Commented:
I want to stay away from the using images thing.  Many ofd these webpages are just Resumes saved as HTML/Filtered from Word.  I want to keep the reformatting at a minimum.

One thing I've found is that you can reduce this extra "margin" Unicode Characters add by setting the Paragragh at and exact height.
MitchellVIIAuthor Commented:

Yes, that's what I have done.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.