ブログで❶①❷②が小さく（大きく）表示されるときの解決法

ブログをしていて、①➊を使用することがあると思います。

ワードプレスの入力画面では、①❶②❷③❸同じサイズに表示されているのに、WEBサイトではなぜか小さく表示されて困っていませんか？

その事象と原因、対策方法について解説します。

是非、webページ作成の参考にしてください。

文字サイズが異なる画像例

入力時は同じサイズなのに、iPhoneで出来上がったＷＥＢサイトを表示すると、文字サイズが異なってしまう事象を紹介します。

実際の画像の例がコチラです。⇓⇓

ワードプレスの編集画面の表示

WEBサイト（iPhone）での表示

　

　

グーグルで検索するも全く原因が分からず、途方に暮れた私は、ツイッターの仲間に助けを求めることにしました。

　

テーマcocoonを使用しています。

ブログで、❶や、①を使うと、プレビューで小さく表示されてしまいます💦

同じ現象になる方はいませんか❓🤣

どなたか対策方法ご存知でしたら教えて下さい😭#cocoon #ブログ pic.twitter.com/KDzuS9UXHp

— yopipi (@yopipiblog) April 11, 2021

コチラのツイートをした所、

救世主が現れ原因が解明されました！

文字が小さくなる原因について

文字が小さくなってしまった原因は下記ツイッターの通りです。

答えはコチラ⇓⇓

yopipiさん、丸数字は環境依存文字で5種類存在してるようなので、１だけ①だけ②、③と別の種類のものが使用されてるのかも…🤔

全然違ってたらごめんなさい😳💦 pic.twitter.com/oKX9BfSYJV

— もか@もザエでございま～す♪ (@mama_asobitai) April 11, 2021

というワケで、❶は環境依存文字で、複数種類あったことが原因でした。

編集画面では見た目が似ていても、❶❷❸同じ種類の文字を使っていないと、表示環境（iPhone,PC,android等）によっては、文字の大きさや雰囲気が違って表示され、差が出てしまう場合があるんですね。半角アルファベットと全角アルファベットの差の記号版みたいなものでしょうか。

　

対策方法について

というワケで、

私は、今後こんな見た目がそっくりの記号が数種類ある文字「❶❷❸など(環境依存文字）」はややこしいので使用せず、他の記号やテーマの機能を活用して、ブログを書いていきたいと思いました。

さいごに

アルファベットの様に、記号にもそっくりさんがあり、表示端末によって見え方が変わることが今回の件で勉強になりました。

グーグル先生に聞いても、答えが出なかった難問。

かつ、ワードプレスや、使っているテーマCocoonは関係ない原因を、

見事に解明してくれたツイッターのお友達、もか@さん、

天才ですね！

　

素早くツイッターで回答してくださって助かりました。

そんな、救世主のもか@さんは、

ブログではいつも有益な情報と笑いを発信していて、ココナラではアイコン作成もしています。

特にココナラのアイコン作成は、バリエーションも豊富で色んな注文を聞いてくれます♬

／
🆕【よろず屋 絵師】もか🆕
「ココナラデビュー」
＼

✅Twitterのアイコン
✅Twitterのヘッダー
✅ブログ村のオリジナルバナー
などできます🎵

今まで描いたイラストも合わせてブログで紹介しています✨
興味のある方はご覧ください😆

イラストの作成依頼はコチラから⇩https://t.co/TM8seAf0pB pic.twitter.com/3mG4kZe9bs

— もか@もザエでございま～す♪ (@mama_asobitai) March 12, 2021