ハートなどの記号「♥♡♣♦♠」を機種依存文字ではなく『数値文字参照』で入力する方法の紹介です。
ハートを入力する場合は「♥」を半角で入力すると、ブラウザに「♥」と表示されます。
- 半角（♥）で入力すると、OK
- 表示例：♥
- 全角（＆＃９８２９；）で入力すると、NG
- 表示例：＆＃９８２９；
※どれか一つが全角でも、NGです。
※最後の文字はセミコロン（;）です、コロン（:）ではありません。
また数値文字参照は下記のように、文字の色や大きさを変更することができます。
♥♡♡♡♧♢♤
※コメント欄を使ってテスト入力される方がいますが、全てスパム扱いになるため表示はされません。
表示 入力 備考 © © 著作権表示記号 ® ® 登録商標記号 ™ ™ 登録商標記号 ♥ ♥ ハート ♣ ♣ クラブ ♦ ♦ ダイヤ ♠ ♠ スペード ♡ ♡ ハート ♧ ♧ クラブ ♢ ♢ ダイヤ ♤ ♤ スペード ☀ ☀ 晴れ ☁ ☁ 曇り ☂ ☂ 雨 ☃ ☃ 雪 ☄ ☄ 流れ星 ★ ★ 星 ☆ ☆ 星 ☠ ☠ ドクロ ☺ ☺ スマイル ☻ ☻ スマイル ♨ ♨ 温泉 ♩ ♩ 四分音符 ♪ ♪ 八分音符 ♫ ♫ 連桁付き八分音符 ♬ ♬ 連桁付き十六分音符 ♭ ♭ フラット ♮ ♮ ナチュラル ♯ ♯ シャープ ✁ ✁ ハサミ ✂ ✂ ハサミ ✃ ✃ ハサミ ✄ ✄ ハサミ ✈ ✈ 飛行機 ✉ ✉ 封筒 ✌ ✌ ピース ✓ ✓ チェック ✔ ✔ チェック ✕ ✕ 乗算 ✖ ✖ 乗算 ✝ ✝ 十字架 ✞ ✞ 十字架 ✟ ✟ 十字架 ✡ ✡ ダビデの星（ヘキサグラム） ✩ ✩ 星 ✪ ✪ 星 ✫ ✫ 星 ✱ ✱ アスタリスク ✲ ✲ アスタリスク ✿ ✿ 花 ❀ ❀ 花 ❅ ❅ 結晶 ❆ ❆ 結晶 ❄ ❄ 結晶
このほかにも、多くの記号が入力できます。
Post on:2006年11月20日
すごいですね！
やってみたら、できました！
ありがとうございます！
> がじょこ さん
お役に立てて、よかったです :-)
©が、お気に入りです☻
質問いいですか？？
なんかやってみたら変換のとき
＆しかならないんです
どうすればいいですかね?
> あかり さん
「パソコンのページ」とかなど利用状況が分からないので、検討違いの答えかもしれませんが、入力してる文字は半角文字でしょうか？
例えば、ハートを書く場合は「♥」は全て半角文字にする必要があります。
半角文字の場合：♥
全角文字の場合：＆＃９８２９；
Webページ作りの参考に時々拝見させています。
ところで、この『数値文字参照』に関するページですが、私が見ている環境で「ハート、クラブ、ダイヤ、スペード」が文字化けしています。
MacFirefoxですが、この回避策として、font-familyに「Osaka」を明示的に指定する必要があるようです。
「丸数字（丸付き数字）の入力方法」のページも同じです。
MacFirefox利用者も、ちょっとはいると思いますのでよろしくお願いします。
> あい さん
情報、ありがとうございます。
文字化けするのは、Mac+Firefoxではなく、Mac+Firefox+ヒラギノ（デフォルト）ですね。
これからは、Mac+Firefoxでも問題無いように気をつけたいと思います。
コリス様
>これからは、Mac+Firefoxでも問題無いように気をつけたいと思います。
早速の対応ありがとうございます。私のMacFirefoxでもきれいに表示されています。
>文字化けするのは、Mac+Firefoxではなく、Mac+Firefox+ヒラギノ（デフォルト）ですね。
MacFirefoxはデフォルトがヒラギノになっていて、ヒラギノが“悪さ”をして文字化けが起きていたということになるんですかね。
そういえば、font-familyに何も書かないで、「♥」をMacFirefoxで表示すると文字化けしました。
「Osaka」を加えると表示されたので、単純に「Osaka」の問題かと思ったのですが、「Mac+Firefox+ヒラギノ」という所が味噌だったのですね。
ところで、回避策は「Osaka」を加えるということで取られたのですか？
> あい さん
確認まで、ありがとうございます。
回避策は、Firefoxだけ有効になるように下記を指定しました。
body, x:-moz-any-link{font-family:Osaka;}
ヒラギノが問題なのでしょうけど、ブラウザを配布する際の初期設定で、FirefoxもSafariと同じにしてくれないかなと思いました。
凄い！！
めっちゃやくに立ちます！！
ヾ(*´∪｀*)oc<【｡ﾟ･+:.･ｧﾘｶﾞﾄｩｺﾞｻﾞｨﾏｽ･.:+･ﾟ｡】ヽ(*´∪｀*)ﾉ”
> 帆那 さん
よかったっす :-)
♡
すごい！！！
すごぃですね♥
☠これがお気に入りﾃﾞｽ
㊤のをﾌﾞﾛｸﾞにはらしてまらぃますね(＾＾)
♥♡♡♡♧♢♤
> ゅめヵ さん
どうぞ、バラしてください :-p
ぁりがとぅです(☺＾ｖ＾☺)
☠がお気に☆
すごですね♥
ドクロのマークが出てきません。どうやってやればいいのですか？教えて下さい。
> ｺｳﾀ さん
「&」とか「#」とか「;」とか、半角文字でしょうか？
♡
すごいッ
©ヤッター可愛い♥コリスさんアリガトウ
> 見喩 さん
ドウイタシマシテ :-)
すいません！
たとえばハートだったら、
♥と入力して、どうすればいいんですか？
> さやか さん
うまくいってますよ。
う～ん、、、
ブラウザとかケータイとかが違うのかな？
Yahoo!ブログ快適活用術
私のお気に入りブログとして登録、何度かやりとりをさせて頂いている、
あいさんのブログ
{{{'''[http://blogs.yahoo.co.jp/aiai00019/ 宝物]'''}}}
の記事から、ＯＹＡＪ…
♬
✪
できた！！！
できません
できましたｗ❀
わぁ！すごいですね＞＜
できました！
ありがとうどざいます＾＾
でも、ハートなら、ハートで変換キーを押したら♥が出てくるというのはできないのですか？
> みつな さん
辞書に登録してあれば、「きごう」か「はーと」で変換されると思います。
もし変換されなかったら、自分で辞書に登録するしかないです。
辞書の登録は、「単語登録」などから。
ウェブで使用する場合は、記号そのままだと文字化けしてしまうことがあるので、数値文字参照を辞書に登録すると便利かもしれないです。
できませ～ん。
メールのときに使うんですけど・・・。
なんで～。
> さくら さん
メールの場合、テキスト形式やHTML形式などがあり、自分の作成時の形式と、相手の受信時の形式で異なるとうまくいかないと思います。
ここで説明している入力方法は、両方ともHTML形式にするとうまくいくと思います。
HTML形式ってなんですか??
パソコンあんまくわしくないんで・・・
> さくら さん
メールのHTML形式・テキスト形式というのは、説明しているページがあったので紹介します。
テキスト形式とHTML形式のメールの違い
さくらさんの使用しているメールの環境を説明してもらえれば、もう少しアドバイスができるかもしれません。
初めまして。㊤のを使わせていただきましたが､
☠
が□になってしまいます
なぜでしょう?
> paseri さん
そのうまく表示されない環境（ブラウザなど）は、何でしょうか？
♥すげぇ!!
誰かいたら教えて！出来ないんだ！
お願いします！！！意味が分かりません！
＆♯9829;
> 優奈 さん
「＆」と「＃」を全角文字ではなく、半角文字で入力するとできると思います。
半角文字：「&」「#」
♥
これでいいんでしょうか…?
あ!できてました!!
ありがとうございました><
出来てた！
ありがとぅ♪
こんなサイトがあるなんて・・・
知りませんでした！
使わせていただきます。
> ゅぅ さん
ご贔屓に、よろしくお願いします ;-)
私、いつもコピーして、貼っているんですけど、□になっちゃうんですっ
できたら、きごうの中にいれたいんですけど、入れ方知っていますかぁ？？
> あめっ さん
「□になっちゃう」と「きごうの中にいれたい」の意味が分からないので、もう少し分かりやすく説明してもらえますか？
あっすいません。
えっと、字をうつときに、「きごう」ってうったら、いろいろ、でてきますよね？？そこんなかにいれたいんです
> あめっ さん
それは、使用している辞書に単語を登録するとできますよ。
Windowsの標準の辞書の場合だと、「MS-IME で「単語登録」する」を参考にして、「読み」に「きごう」、「語句」にその記号を登録するとだせるようになります。
あっ！
できましたっどうもっ
> あめっ さん
おっ、
よかった ;-)
すごい！！
♡
うれしいです♬
成功や～
ありがとう★
♥♡♡♡♧♢♤
チョー役に立ちます（≧ω≦）
♥←コレお気に入りです＾＾
すごいです!!ホント!!!
今後も使わせていただきます＾＾❀♫
できない場合はコピーすればいいよね☠
☠☠☠☠☠☠☠☠☠☠☠☠
こぴぺが一番ですね。
できてるかな？♡
♫
♩
♪
☠
できていますか？
☠
できてるｶﾅ？
＆＃9829;
出来ていますか？blogに反映されません(-_-;)
☀
> 朔 さん
しっかり、出来てますよ。
数字記号は、半角文字が確認してみてください。
分からない時は、
コピーするのが間違いないですよ。
♡
できてるかな･･？
「♥」
どうなのかな
❀✿❀✿❀✿❀✿❀✿❀✿❀
可愛くラインしてみました!
可愛いでしょうヵ♥(∵)??
もっとコピーして楽しくPCを
やりたいと思いますっっ♬♪♩♫
❀✿❀✿❀✿❀✿❀✿❀✿❀
✱✲✱✲✱✲✱✲✱✲✱✲✱
お役にたてて、よかったです :-)
✱✲✱✲✱✲✱✲✱✲✱✲✱
★「★」
できてるかな？
＆＃９８２９：
☃
どうでしょう？
♥
どうかな
初めまして。ハートのやり方で調べてたらここに来ました♡
うーん出来たかな・・・？
> コロン さん
はじめまして。
ちゃんと、できてますよ :-)
にゃは♡
間違った！
てすと♡:
出来てるかなぁ。。。＆＃9825；
できてる☀？
すげー
こんなのがあったなんて、初めてしりました！！
> 神迩 雄輔 さん
お役に立てて、よかったです :-)
できたかな♡？
記号の大きさや色を変えるにゎ
どうすればいいのかが
わかりませんでした
> スー さん
スーさんのコメントが当サイトで記念すべき1,000コメント目でした。
、、、プレゼントもなんも用意してないです、、、
で、大きさや色を変えるのにいろいろなやり方がですね、
これをコピーして、試してみてください。
大きさだけ変更
<span style="font-size:2em;">♥</span>
「2em」は2倍という意味、3em, 1.5em などもアリ
♥
色だけ変更
<span style="color:red;">♥</span>
色は他にも、blue, green, pink などもアリ
♥
大きさと色の両方変更
<span style="color:red;font-size:2em;">♥</span>
続けて書くだけでOK
♥
わーい！色んな記号知れてよかった～♬
嬉しい♥♥
✞
試してみました
できてるかな？♥♥
♥できてる?
あのぉｺﾘｽ©ほかの所でならないのですが・・・。
どうしたらなるんですヵ?☠
✿✪
> ひな さん
一番最後に、セミコロン（;）を忘れてますよ。
※コロン（:）ではないので注意。
♥
↑できてますかね？
♥ ♡
☠
どうだろ・・・
[...] ハートなどの記号「♥♡♣♦♠」の入力方法 | コリス (tags: web webdesign tips font) [...]
♥
やってみました♥
すごいですね♬
でも覚えるのが大変☠
> 夢みる仔♥さん
覚えなくても、辞書に登録したり、テキストとして保存しておくと便利ですよ。
あと、末尾の「;」をお忘れなく :-)
辞書に登録ってどうやるンですか？？
> 夢みる仔♥さん
Windowsの場合だと、タスクバーの辞書アイコンを右クリックし、「単語登録」から登録できます。
使用している辞書ソフトのソフトによって名称は異なりますが、「はーと」で「♥」と登録すると、「はーと」と入力し変換するとその文字列がでますよ。
登録できましたー☀
ありがとうゴザイマした✌
> 夢みる仔♥ さん
うまくいって、よかったですね ✩