我不能让TM符号显示出来,SM符号工作正常。您可以看到的测试页面位于http://codita.ro/test/ 我删除了reset.css和normalize.css,而不是因为重置了.. 这是页面,如果你可以跟踪它,所以我不必在整个网站的跨度中包裹符号,使其看起来更小。
代码示例:
the SkinLaze™ aesthetic
答案 0 :(得分:2)
符号“™”在那里,只是毫无意义的小(我将它从页面复制到此消息中)。这是所用字体设计的一个缺陷。
如果您无法更改字体,请考虑使用不同的字体“™”,也可能使用“©”(它看起来很破碎)。执行此操作的简单方法是使用span
将事件包装在class
元素中,并使用CSS在其上设置字体。一种更现代但更少跨浏览的方式是将@font-face
与unicode-range
一起使用。
参考™
的规格不正确; ™
和™
是正确的。但是现在所有浏览器都接受™
。
答案 1 :(得分:0)
您需要为该角色使用HTML实体。在HTML中使用™
。有关HTML实体的更多信息,请参阅under this link
答案 2 :(得分:0)
在我看来,你正在使用的字体,Tinos Regular,不支持trademark symbol。
我不是这方面的变通方法的专家,但首先想到的是回退到包含字形的字体:
/* CSS */
.fallback-font {
font-family: serif;
}
<!-- HTML -->
This is trademarked<span class="fallback-font">™</span>.
编辑:虽然我们的解决方案基本相同,但我会在这个问题上遵循Jukka,他清楚地知道他在谈论什么比我更多:D
答案 3 :(得分:0)
在我的工具AmpWhat HTML entity reference上,使用底部的“f”按钮尝试不同的字体。有些人有自定义标志符号,有些还有其他字体。虽然不是它的主要目的,但您可以探索不同字体支持的字符。
或者,使用sup tm 元素,如<sup>tm</sup>
中所述。