Question

我正在使用wordpress主题，其中包含页面标题和内容正文的字体类型选择。我使用蒙特塞拉特作为头衔和Open-Sans身体。

我有一些产品标题，我需要输入商标符号™/ ™

但是标题中的商标符号是一种完全不同的字体，看起来像Times New Roman。

有没有办法只将font-type应用于™商标html符号实体？在全球范围内？

我尝试在标题中使用<sub>TM</sub>，但它并不适用于每个地方，例如它不会在面包屑中工作。

Answer 1

通常会为这些使用不同的标记，然后使用CSS生成内容。例如，而不是

MyCompany&trade;

你可以使用

MyCompany<i class="symbol symbol-tm" />

然后使用CSS

i.symbol {
    position: relative;
    width: 1.5em;
}

i.symbol.symbol-tm:after {
    display: inline;
    content: "\2122";
    font-family: "Times New Roman";
}

Answer 2

是的，你可以......但这不太方便：

@font-face规则有unicode-range属性，您可以将其设置为定位单个字符：

c.onchange = e=> document.body.classList.toggle('amp');

@font-face {
  font-family: 'Ampersand';
  src: local('Courier');
  unicode-range: U+26;
}

body.amp{
  font-family: Ampersand, cursive;
  }
body{
  font-family: cursive;
  }

<span>lorem ipsum dolor sit amer &amp; some others</span>
<input type="checkbox" id="c">

但正如我所说，这不是很方便，因为你必须将它作为所有font-family声明的第一个字体，你想要它应用...

将font-type应用于特定的html符号实体（™）

2 个答案: