web-dev-qa-db-ja.com

HTML内でフォントファミリの特別な機能をどのように使用しますか？

フォントファミリのシンボル、グリフ、装飾、その他の機能を内部でどのように使用しますか？たとえば、フォントの上付き文字をどのように使用しますか？

htmlweb-developmenthtml5fontscss3
1
Kosiak

あなたは2つの異なることをしている

HTMLエンティティを使用して、著作権、アクセント付き文字などの特殊文字を挿入します。 ©または©の場合は©。ここにリストがあります https://www.freeformatter.com/html-entities.html

上付き文字を実現するには、エンティティとは関係ありません。この場合、テキストのサイズと配置です。

HTMLは次のようになります

<p>H<span class="atoms">2</span>SO<span class="atoms">4</span> is the chemical formula for sulphuric acid.
But how is this gold Au<span class="charge">2+</span>?</p>

cSSは

p { line-height: 1.5 }

.charge {
    position: relative;
    bottom: 0.5em;
    color: red;
    font-size: 0.8em;
}

.atoms {
    position: relative;
    top: 0.3em;
    color: blue;
    font-size: 0.8em;
}

この例は http://htmldog.com/techniques/superscript/ から来ています http://htmldog.com/examples/superscript/

私はどちらのページとも関係がありません。

1
Steve