Search code examples
htmlcsswordpresssymbols

tm symbol wont show up as it should in html, sm symbol works tho


i cant make the TM symbol to show up as it should, the SM symbol is working fine. The test page you can see is located at http://codita.ro/test/ I have deleted both reset.css and normalize.css and its not because of the resets.. Here's the page if you can track this down so i dont have to wrap the symbol in a span across the site to make it look smaller.

example of code:

 the SkinLaze™ aesthetic

Solution

  • The symbol “™” is there, just pointlessly small (I copypasted it from the page into this message). This is a flaw in the design of the font being used.

    If you cannot change the font, consider using a different font for “™” and probably for “©” too (it looks broken). The simple way to do this is to wrap the occurrences in span elements with class and use CSS to set the font on them. A more modern, but somewhat less cross-browser way, is to use @font-face with unicode-range.

    The reference ™ is incorrect by the specs; ™ and ™ are correct. But nowadays all browsers accept ™ too.