category
サイト構築 -ライティング

ハートなどの記号「♥♡♣♦♠」の入力方法

  • この記事をdel.cio.usに登録する
  • この記事をはてなブックマークに登録する
  • この記事をGoogleブックマークに登録する
  • この記事をYahoo!ブックマークに登録する
  • この記事をdiggに登録する
  • この記事をlivedoor clipに登録する
  • この記事を@nifty クリップに登録する

ハートなどの記号「♥♡♣♦♠」を機種依存文字ではなく『数値文字参照』で入力する方法の紹介です。

ハートを入力する場合は「♥」を半角で入力すると、ブラウザに「♥」と表示されます。

半角(♥)で入力すると、OK
表示例:♥
全角(♥)で入力すると、NG
表示例:♥

※どれか一つが全角でも、NGです。

※最後の文字はセミコロン(;)です、コロン(:)ではありません。

また数値文字参照は下記のように、文字の色や大きさを変更することができます。

※コメント欄を使ってテスト入力される方がいますが、全てスパム扱いになるため表示はされません。

表示 入力 備考
© © 著作権表示記号
® ® 登録商標記号
™ 登録商標記号
♥ ハート
♣ クラブ
♦ ダイヤ
♠ スペード
♡ ハート
♧ クラブ
♢ ダイヤ
♤ スペード
☀ 晴れ
☁ 曇り
☂
☃
☄ 流れ星
★
☆
☠ ドクロ
☺ スマイル
☻ スマイル
♨ 温泉
♩ 四分音符
♪ 八分音符
♫ 連桁付き八分音符
♬ 連桁付き十六分音符
♭ フラット
♮ ナチュラル
♯ シャープ
✁ ハサミ
✂ ハサミ
✃ ハサミ
✄ ハサミ
✈ 飛行機
✉ 封筒
✌ ピース
✓ チェック
✔ チェック
✕ 乗算
✖ 乗算
✝ 十字架
✞ 十字架
✟ 十字架
✡ ダビデの星(ヘキサグラム)
&#10025
&#10026
&#10027
✱ アスタリスク
✲ アスタリスク
✿
❀
❅ 結晶
❆ 結晶
❄ 結晶

このほかにも、多くの記号が入力できます。

Post on:2006年11月20日

  • この記事をdel.cio.usに登録する
  • この記事をはてなブックマークに登録する
  • この記事をGoogleブックマークに登録する
  • この記事をYahoo!ブックマークに登録する
  • この記事をdiggに登録する
  • この記事をlivedoor clipに登録する
  • この記事を@nifty クリップに登録する

トラックバック

トラックバック(URL)

コメント

comment:

※承認制のため、即時には反映されません。

がじょこ
on 2008年4月7日

すごいですね!
やってみたら、できました!
ありがとうございます!

コリス
on 2008年4月7日

> がじょこ さん

お役に立てて、よかったです :-)

美津
on 2008年4月12日

©が、お気に入りです☻

◆あかり◇
on 2008年4月21日

質問いいですか??
なんかやってみたら変換のとき
&しかならないんです
どうすればいいですかね?

コリス
on 2008年4月21日

> あかり さん
「パソコンのページ」とかなど利用状況が分からないので、検討違いの答えかもしれませんが、入力してる文字は半角文字でしょうか?

例えば、ハートを書く場合は「♥」は全て半角文字にする必要があります。
半角文字の場合:♥
全角文字の場合:♥

あい
on 2008年4月27日

Webページ作りの参考に時々拝見させています。
ところで、この『数値文字参照』に関するページですが、私が見ている環境で「ハート、クラブ、ダイヤ、スペード」が文字化けしています。
MacFirefoxですが、この回避策として、font-familyに「Osaka」を明示的に指定する必要があるようです。
「丸数字(丸付き数字)の入力方法」のページも同じです。
MacFirefox利用者も、ちょっとはいると思いますのでよろしくお願いします。

コリス
on 2008年4月27日

> あい さん
情報、ありがとうございます。
文字化けするのは、Mac+Firefoxではなく、Mac+Firefox+ヒラギノ(デフォルト)ですね。
これからは、Mac+Firefoxでも問題無いように気をつけたいと思います。

あい
on 2008年4月27日

コリス様
>これからは、Mac+Firefoxでも問題無いように気をつけたいと思います。
早速の対応ありがとうございます。私のMacFirefoxでもきれいに表示されています。

>文字化けするのは、Mac+Firefoxではなく、Mac+Firefox+ヒラギノ(デフォルト)ですね。
MacFirefoxはデフォルトがヒラギノになっていて、ヒラギノが“悪さ”をして文字化けが起きていたということになるんですかね。

そういえば、font-familyに何も書かないで、「♥」をMacFirefoxで表示すると文字化けしました。
「Osaka」を加えると表示されたので、単純に「Osaka」の問題かと思ったのですが、「Mac+Firefox+ヒラギノ」という所が味噌だったのですね。

ところで、回避策は「Osaka」を加えるということで取られたのですか?

コリス
on 2008年4月27日

> あい さん
確認まで、ありがとうございます。

回避策は、Firefoxだけ有効になるように下記を指定しました。
body, x:-moz-any-link{font-family:Osaka;}

ヒラギノが問題なのでしょうけど、ブラウザを配布する際の初期設定で、FirefoxもSafariと同じにしてくれないかなと思いました。

帆那
on 2008年5月15日

凄い!!
めっちゃやくに立ちます!!
ヾ(*´∪`*)oc<【。゚・+:.・ァリガトゥゴザィマス・.:+・゚。】ヽ(*´∪`*)ノ”

コリス
on 2008年5月15日

> 帆那 さん

よかったっす :-)

なな
on 2008年6月19日


すごい!!!

ゅめヵ
on 2008年7月19日

すごぃですね♥
☠これがお気に入りデス
㊤のをブログにはらしてまらぃますね(^^)
♥♡♡♡♧♢♤

コリス
on 2008年7月20日

> ゅめヵ さん

どうぞ、バラしてください :-p

ゅめヵ
on 2008年7月24日

ぁりがとぅです(☺^v^☺)

maxyu
on 2008年7月28日

☠がお気に☆

ぴこ
on 2008年7月28日

すごですね♥

コウタ
on 2008年8月6日

ドクロのマークが出てきません。どうやってやればいいのですか?教えて下さい。

コリス
on 2008年8月6日

> コウタ さん

「&」とか「#」とか「;」とか、半角文字でしょうか?

はーと
on 2008年9月15日


すごいッ

見喩
on 2008年9月21日

©ヤッター可愛い♥コリスさんアリガトウ

コリス
on 2008年9月21日

> 見喩 さん

ドウイタシマシテ :-)

さやか
on 2008年9月27日

すいません!
たとえばハートだったら、
♥と入力して、どうすればいいんですか?

コリス
on 2008年9月27日

> さやか さん

うまくいってますよ。
う~ん、、、
ブラウザとかケータイとかが違うのかな?

VB
on 2008年9月28日

Yahoo!ブログ快適活用術

私のお気に入りブログとして登録、何度かやりとりをさせて頂いている、
あいさんのブログ

 {{{'''[http://blogs.yahoo.co.jp/aiai00019/ 宝物]'''}}}

の記事から、OYAJ…

on 2008年9月29日


&#10026
できた!!!

ういぇ
on 2008年10月4日

できません

ういぇ
on 2008年10月4日

できましたw❀

みつな
on 2008年10月4日

わぁ!すごいですね><
できました!
ありがとうどざいます^^
でも、ハートなら、ハートで変換キーを押したら♥が出てくるというのはできないのですか?

コリス
on 2008年10月4日

> みつな さん

辞書に登録してあれば、「きごう」か「はーと」で変換されると思います。
もし変換されなかったら、自分で辞書に登録するしかないです。
辞書の登録は、「単語登録」などから。

ウェブで使用する場合は、記号そのままだと文字化けしてしまうことがあるので、数値文字参照を辞書に登録すると便利かもしれないです。

さくら
on 2008年10月26日

できませ~ん。
メールのときに使うんですけど・・・。
なんで~。

コリス
on 2008年10月26日

> さくら さん

メールの場合、テキスト形式やHTML形式などがあり、自分の作成時の形式と、相手の受信時の形式で異なるとうまくいかないと思います。

ここで説明している入力方法は、両方ともHTML形式にするとうまくいくと思います。

さくら
on 2008年10月27日

HTML形式ってなんですか??
パソコンあんまくわしくないんで・・・

コリス
on 2008年10月27日

> さくら さん

メールのHTML形式・テキスト形式というのは、説明しているページがあったので紹介します。
テキスト形式とHTML形式のメールの違い

さくらさんの使用しているメールの環境を説明してもらえれば、もう少しアドバイスができるかもしれません。

paseri
on 2008年11月2日

初めまして。㊤のを使わせていただきましたが、

が□になってしまいます
なぜでしょう?

コリス
on 2008年11月2日

> paseri さん

そのうまく表示されない環境(ブラウザなど)は、何でしょうか?

おぉ!
on 2008年11月6日

♥すげぇ!!

優奈
on 2008年11月6日

誰かいたら教えて!出来ないんだ!

優奈
on 2008年11月6日

お願いします!!!意味が分かりません!

優奈
on 2008年11月6日

&♯9829;

コリス
on 2008年11月6日

> 優奈 さん

「&」と「#」を全角文字ではなく、半角文字で入力するとできると思います。
半角文字:「&」「#」

ゆうか
on 2008年11月9日


これでいいんでしょうか…?

ゆうか
on 2008年11月9日

あ!できてました!!
ありがとうございました><

あい
on 2008年11月12日

出来てた!
ありがとぅ♪

ゅぅ
on 2008年11月13日

こんなサイトがあるなんて・・・
知りませんでした!
使わせていただきます。

コリス
on 2008年11月13日

> ゅぅ さん

ご贔屓に、よろしくお願いします ;-)

あめっ
on 2008年11月16日

私、いつもコピーして、貼っているんですけど、□になっちゃうんですっ
できたら、きごうの中にいれたいんですけど、入れ方知っていますかぁ??

コリス
on 2008年11月16日

> あめっ さん

「□になっちゃう」と「きごうの中にいれたい」の意味が分からないので、もう少し分かりやすく説明してもらえますか?

あめっ
on 2008年11月17日

あっすいません。
えっと、字をうつときに、「きごう」ってうったら、いろいろ、でてきますよね??そこんなかにいれたいんです

コリス
on 2008年11月17日

> あめっ さん

それは、使用している辞書に単語を登録するとできますよ。
Windowsの標準の辞書の場合だと、「MS-IME で「単語登録」する」を参考にして、「読み」に「きごう」、「語句」にその記号を登録するとだせるようになります。

あめっ
on 2008年11月20日

あっ!
できましたっどうもっ

コリス
on 2008年11月20日

> あめっ さん

おっ、
よかった ;-)

あー
on 2008年11月24日

すごい!!

うれしいです♬

キティー
on 2008年12月3日

成功や~
ありがとう★

なな
on 2008年12月6日

♥♡♡♡♧♢♤
チョー役に立ちます(≧ω≦)
♥←コレお気に入りです^^

s
on 2008年12月10日

すごいです!!ホント!!!
今後も使わせていただきます^^❀♫

こんにちhくぁ
on 2009年2月9日

できない場合はコピーすればいいよね☠
☠☠☠☠☠☠☠☠☠☠☠☠

コリス
on 2009年2月9日

こぴぺが一番ですね。

ルビー
on 2009年3月5日

できてるかな?♡

いのっち
on 2009年3月6日

できていますか?

木葉
on 2009年3月9日

できてるカナ?

。+麻緒+。
on 2009年3月23日

&#9829;

朔です(*^_^*)
on 2009年3月23日

出来ていますか?blogに反映されません(-_-;) 

コリス
on 2009年3月23日

> 朔 さん

しっかり、出来てますよ。
数字記号は、半角文字が確認してみてください。
分からない時は、
コピーするのが間違いないですよ。

みみ
on 2009年4月6日


できてるかな・・?

リュク
on 2009年4月6日

「♥」

どうなのかな

。*+♥リィ♥+*。
on 2009年4月11日

❀✿❀✿❀✿❀✿❀✿❀✿❀
可愛くラインしてみました!
可愛いでしょうヵ♥(∵)??
もっとコピーして楽しくPCを
やりたいと思いますっっ♬♪♩♫
❀✿❀✿❀✿❀✿❀✿❀✿❀

コリス
on 2009年4月11日

✱✲✱✲✱✲✱✲✱✲✱✲✱
お役にたてて、よかったです :-)
✱✲✱✲✱✲✱✲✱✲✱✲✱

みあ
on 2009年4月18日

★「★」

できてるかな?

ruru
on 2009年4月19日

&#9829:

くう
on 2009年4月19日

どうでしょう?

みお
on 2009年4月27日


どうかな

コロン
on 2009年5月9日

初めまして。ハートのやり方で調べてたらここに来ました♡
うーん出来たかな・・・?

コリス
on 2009年5月9日

> コロン さん
はじめまして。
ちゃんと、できてますよ :-)

on 2009年5月18日

にゃは♡

ちび
on 2009年5月21日

間違った!

てすと&#9825:

きゃな
on 2009年6月13日

出来てるかなぁ。。。&#9825;

mqyumisqmq
on 2009年6月20日

できてる&#9728?

神迩 雄輔
on 2009年7月4日

すげー
こんなのがあったなんて、初めてしりました!!

コリス
on 2009年7月5日

> 神迩 雄輔 さん

お役に立てて、よかったです :-)

まお
on 2009年7月6日

できたかな♡?

スー
on 2009年7月10日

記号の大きさや色を変えるにゎ
どうすればいいのかが
わかりませんでした

コリス
on 2009年7月10日

> スー さん

スーさんのコメントが当サイトで記念すべき1,000コメント目でした。
、、、プレゼントもなんも用意してないです、、、

で、大きさや色を変えるのにいろいろなやり方がですね、
これをコピーして、試してみてください。

大きさだけ変更

<span style="font-size:2em;">&#9829;</span>
「2em」は2倍という意味、3em, 1.5em などもアリ

色だけ変更

<span style="color:red;">&#9829;</span>
色は他にも、blue, green, pink などもアリ

大きさと色の両方変更

<span style="color:red;font-size:2em;">&#9829;</span>
続けて書くだけでOK

もえ
on 2009年7月17日

わーい!色んな記号知れてよかった~♬

嬉しい♥♥

Amy
on 2009年7月21日


試してみました

るな
on 2009年8月3日

できてるかな?♥♥

はる
on 2009年8月5日

♥できてる?

ひな
on 2009年8月5日

あのぉコリス©ほかの所でならないのですが・・・。
どうしたらなるんですヵ?&#9760

nanaka
on 2009年8月5日

✿✪

コリス
on 2009年8月5日

> ひな さん

一番最後に、セミコロン(;)を忘れてますよ。
※コロン(:)ではないので注意。

とも
on 2009年8月9日


↑できてますかね?

anna
on 2009年8月16日

♥ ♡

しのはる
on 2009年12月11日

どうだろ・・・

links for 2009-12-22 – hedgelog.org
on 2009年12月23日

[...] ハートなどの記号「♥♡♣♦♠」の入力方法 | コリス (tags: web webdesign tips font) [...]

yuu
on 2009年12月23日

夢みる仔&#9829
on 2009年12月25日

やってみました&#9829
すごいですね&#9836

でも覚えるのが大変&#9760

コリス
on 2009年12月25日

> 夢みる仔♥さん

覚えなくても、辞書に登録したり、テキストとして保存しておくと便利ですよ。
あと、末尾の「;」をお忘れなく :-)

夢みる仔♥
on 2009年12月28日

辞書に登録ってどうやるンですか??

コリス
on 2009年12月28日

> 夢みる仔♥さん

Windowsの場合だと、タスクバーの辞書アイコンを右クリックし、「単語登録」から登録できます。
使用している辞書ソフトのソフトによって名称は異なりますが、「はーと」で「&#9829;」と登録すると、「はーと」と入力し変換するとその文字列がでますよ。

夢見る仔♥
on 2009年12月30日

登録できましたー☀
ありがとうゴザイマした✌

コリス
on 2009年12月31日

> 夢みる仔♥ さん

うまくいって、よかったですね ✩

ページの先頭へ




© coliss

RSS