ブログで使える装飾数字(丸数字)

サンプルコード

ブログで使える装飾数字(丸数字)

WordPressなどブログで丸数字を簡単に使える実体参照を使用する方法を紹介
丸数字とは数字をまるで囲んであるモノでブログではリストなどでよく用いられます。

文字変換してでてきた機種依存文字は文字化けの原因になります。
ブログには「文字実体参照」か「数値文字参照」を利用するようにしましょう。

【別案】CSSでリスト数字を擬似要素で円(丸ボーダー)を作って囲む方法や、プリント用なら丸数字フォント「Circle Number G」を利用する方法もあります。

まとめ

機種依存文字の利用は×
文字実体参照の使用は〇
数値文字参照の使用は〇

コード一覧

コピペ可

文字(丸数字) 文字実体参照数値文字参照 (10進数) 数値文字参照 (16進数)
①①①
②②②
③③③
④④④
⑤⑤⑤
⑥⑥⑥
⑦⑦⑦
⑧⑧⑧
⑩⑨⑨
⑩⑩⑩
⑪⑪⑪
⑫⑫⑫
⑬⑬⑬
⑭⑭⑭
⑮⑮⑮
⑯⑯⑯
⑰⑰⑰
⑱⑱⑱
⑲⑲⑲
⑳⑳⑳
㉑㉑㉑
㉒㉒㉒
㉓㉓㉓
㉔㉔㉔
㉕㉕㉕
㉖㉖㉖
㉗㉗㉗
㉘㉘㉘
㉙㉙㉙
㉚㉚㉚
㉛㉛㉛
㉜㉜㉜
㉝㉝㉝
㉞㉞㉞
㉟㉟㉟
㊱㊱㊱
㊲㊲㊲
㊳㊳㊳
㊴㊴㊴
㊵㊵㊵
㊶㊶㊶
㊱㊷㊷
㊸㊸㊸
㊹㊹㊹
㊺㊺㊺
㊻㊻㊻
㊼㊼㊼
㊽㊽㊽
㊾㊾㊾
㊿㊿㊿

-サンプルコード
-