CSSにWingdingsを挿入する方法

カスケードスタイルシート(CSS)は、Webページをフォーマットするための便利な方法です。 Webサイトのデザインのすべての側面を外部スタイルシートでスタイル設定でき、そのスタイルシートに加えた変更は複数のWebページに影響を与える可能性があります。 フォントはCSSを介して簡単に再構成できます。 インターネットで使用するために標準化されているフォントのリストがあります。 Wingdingsはこれらのフォントには含まれていません。また、すべてのコンピューターでデフォルトで使用できるわけではないフォントです。 幸い、CSSを使用して、Wingdingsを使用するようにWebページを構成できます。

ステップ1

メモ帳でCSSファイルを開きます。

今日のビデオ

ステップ2

Wingdingsでフォーマットされるオブジェクトの新しいクラスまたはIDを作成します。 このパラメーターを複数回呼び出す場合は、クラスを使用してください。 一度だけ呼び出す場合は、IDを使用します。 たとえば、「crazy」というクラスを作成するには、次のように入力します。

。クレイジー {

ステップ3

クラスまたはIDの「font-family」プロパティ内でWingdingsを指定します。 たとえば、「クレイジー」クラスの場合:

.crazy {font-family:wingdings}

ステップ4

HTMLファイル内のWingdingsでレンダリングするアイテムを見つけます。 そのアイテムを、Wingdingsが適用されるクラスまたはIDのインスタンスとして指定します。 たとえば、目的の要素が「div」の場合:

この「div」内のテキストはWingdingsでフォーマットされます。

警告

多くのブラウザはWingdingsをサポートしておらず、多くのコンピュータはデフォルトのフォントセット内にWingdingsを持っていません。 このため、ほとんどのブラウザはWingdingsを正しく表示しません。 この種の複雑さを回避するために、Unicodeを介して必要な各Wingdings文字をエンコードするのが最善です(対応するUnicode文字のリストについては「参考文献」を参照してください)。