: HTML special character (glyph) looking not the same in different browsers I am using an html crown in my website, character code is ♛, but this looks different in the browsers. Firefox

@Megan663

Since your preferred glyph is a graphic, I would suggest an alternative you didn't mention. It is the one recommended back when Wingding fonts were disallowed from the HTML standard. If you want to use an image, use an actual image. SVG would be idea if all your supported browsers can handle it. Otherwise, use a sufficiently large PNG to cover the largest font you plan to use. (I suggest allowing for at least 150% increase in your largest font for those who magnify their screen due to vision difficulties.)

Vote Up Vote Down

@Gail5422790

After knowing that the correct name is a glyph I have searched for a solution, but it cannot be done. There are only 3 things you can do.

1) Use the @font -face in css with a special font that has the character. The character will display the same in all browsers.

2) Choose your audience: Just restrict access to the website for certain browsers, tell them to change browser.

3) Just leave it like it is, some glyphs change only slightly.

Vote Up Vote Down