画像を使わないで『レ点』（チェックボックス）をテキストで表示する方法

2015年5月3日 [HTML, ブログ, ワードプレス（WordPress）]

HTML

WORDPRESSやWEBサイト上で、画像の レ点 を使わないで、レ点記号（チェックボックス）を表示する方法について説明します。

「Wingdings」を使う！

「Wingdings」ファントという絵文字を使う方法が簡単です。ただし、OSやブラウザー、PCによっては、絵文字が表示されない場合もあります。

Wingdingsについて

Wingdingsは記号を集めたパイフォントである。WindowsにWindows 3.1のころから標準搭載されていたりすることから標準的に扱われることもある。

引用元：http://ja.wikipedia.org/wiki/Wingdings


スポンサードリンク

表示方法は？

このようにHTMLで書いてください。
[html]<font face="Wingdings">¨</font>
<font face="Wingdings">þ</font>[/html]

下記のように表示されます。

¨
þ

Wingdingsが搭載されていない場合は、このように表示されます。

¨
þ

Wingdings のフォント一覧

その他の絵文字フォントを利用される方は、
以下のサイトにフォント一覧がありますので御覧ください。

http://www.relief.jp/itnote/archives/001204.php

http://ja.wikipedia.org/wiki/Wingdings


コメントを残す

コメントを投稿するにはログインしてください。

サブコンテンツ

Copyright (C) 2018 趣味とネットビジネスのブログ All Rights Reserved. [2]

このページの先頭へ