CSS にウィングを挿入する方法

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

ステップ 1

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

ステップ 2

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

.クレイジー {

ステップ 3

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

.crazy { font-family:wingdings}

ステップ 4

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

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

警告

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