2

ガイドを紛失した .ttf アイコン フォントがあります。FontBook で完全な文字セットを表示できます。フォント セット内の各文字にアクセスするために使用できる CSS コンテンツ プロパティを特定する方法はありますか?

4

3 に答える 3

3

ディオデウスの答えを完成させるにfont-faceは、スタイルシートで新しいものを定義する必要があります:

@font-face {
   font-family: 'MyIconsFont';
   src: url("res/icons/MyTrueTypeFont.ttf") format("truetype");
   font-weight: normal;
   font-style: normal
}
.my-icons {
   display: inline-block;
   font-family: 'MyIconsFont';
}
.my-icons.some-symbol:before {
   content: '\0061';  // Set the proper character index here
}
.my-icons.some-other-symbol:before {
   content: '\0064';  // Set another proper character index here 
}

<span>次に、ダミーまたは<i>タグで定義されたスタイルを使用します。

<p>Here is some some symbol : <span class="my-icons some-symbol"></span> 
and some other <i class="my-icons some-other-symbol"></i></p>

文字インデックスについて調べるには、Word の [挿入] > [記号] > [その他] でフォントを調べることができます。

于 2014-03-21T12:54:38.213 に答える
1

フォントのグリフの UTF-8 文字コードがわかっている場合はcontent:、CSS の宣言でそれを指定できます。

.example { content: "\203A" }

関連項目: CSS コンテンツを使用した HTML エンティティの追加

于 2013-10-22T17:58:49.393 に答える