特定のhtmlシンボルエンティティにフォントタイプを適用する（™）

Question

ページタイトルとコンテンツ本文のフォントタイプを選択するワードプレステーマを使用しています。 私は、身体のタイトルとオープンサンにはモントセラトを使用しています。

私は入力に商標記号™/™

しかし、タイトルに商標記号はのTimes New Romanのように見える全く別のフォントとして来ているの必要があるいくつかの製品のタイトルを持っています。

™商標htmlシンボルエンティティにのみフォントタイプを適用する方法はありますか？世界的に？

作品の種類のタイトルで<sub>TM</sub>を使用しようとしましたが、パンくずリストでは機能しないなど、すべての点で機能しません。

Answer 1

通常、これらは異なるマークアップを使用し、CSSを使用してコンテンツを生成します。たとえば、代わりに

MyCompany™ 

のあなたは

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というプロパティがあり、1文字を対象に設定することができます：

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宣言の最初のフォントを作るために持っているので、それは、本当に便利ではないのです...