部分的に文字化けします

Firefox、Google Chromeでは問題ありませんが、Safariにて部分的に文字化けします。
原因と対処法わかればおしえていただきたく思います。

<div class="title-text">⚫︎⚫︎が届くまで️</div>

<div class="title-text">コース選択️</div>

<div class="title-text">FAQ よくある質問️</div>

それぞれ画像の下に該当のプログラムを記述しました。

よろしくお願いいたします。

2017/04/06 11:29

書かれている状況が再現するコード（HTML/CSS/JavaScriptなど）を提示されたほうが回答を得やすいと思います。

2017/04/06 11:31

ご指摘ありがとうございます。追記いたします。

2017/04/06 11:42

https://jsfiddle.net/767dwvpa/ これで問題が再現していますか？

行動規範の内容に同意します

回答1件

ベストアンサー

</div> の直前に ️ というコードが紛れています。下記はTeraPadという特殊文字に対応していないエディタにペーストした結果です。（「●●」も化けているのは置いておいてください）

HTML
1<div class="title-text">????が届くまで?</div> 
2<div class="title-text">コース選択?</div> 
3<div class="title-text">FAQ よくある質問?</div>

「で️<」の部分をエンコード（数値参照(10進数) ）すると ️ が入っていることがわかります。
【エンコードマニアックス】
http://www.encodemaniax.com/?charset=utf-8&data=%E3%81%A7%EF%B8%8F%3C

で️<

投稿2017/04/06 11:53

総合スコア69400

2017/04/06 11:59

ご回答いただきありがとうございます。後ほど確認させていただきます。

2017/04/07 02:00

kei344様お世話になります。こちらの解決方法っておわかりになりますでしょうか？よろしくお願いいたします。

2017/04/07 02:06

https://jsfiddle.net 失礼いたしました。↑を活用して修正できました。この度はありがとうございました。

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

関連した質問