Read more

Be careful when using Unicode symbols for graphical elements

Henning Koch
September 05, 2012Software engineer at makandra GmbH

There are many fun Unicode characters like ▲ or ☯. You might be tempted to use them for graphical elements in lieu for an image. After all they are so much easier to style and scale than a raster image!

Illustration UI/UX Design

UI/UX Design by makandra brand

We make sure that your target audience has the best possible experience with your digital product. You get:

  • Design tailored to your audience
  • Proven processes customized to your needs
  • An expert team of experienced designers
Read more Show archive.org snapshot

Unfortunately you will discover that these symbols render very differently on Linux, Windows and MacOS. The reason for this is that the font you are using will probably not contain any characters outside the standard Latin-1 set. When browsers encounter a character not included in the current font, they use a fallback font for this one character. And that fallback font looks different on each platform.

I recommend to never use a Unicode character that isn't part of your current font. What you can do is to use an icon font that probably includes the symbol you are looking for.

Posted by Henning Koch to makandra dev (2012-09-05 00:33)