ブラウザ上で©が表示されない

Question

ウェブデザインを勉強中のものです。
題名のとおりですが、ブラウザ上で©が表示されなくて困っています。

実際のコーディング内容ですが、「©」と入力してあり、誤記はないかと思われます。
また、デベロッパーツールで確認すると、Elementタブ内では©がきちんと表示されています。
しかしながら、ブラウザ上では表示されていません。
図のように、ドラッグしてみると透明の文字(？)のように表示されています。

解決策はありますでしょうか。よろしくお願いいたします。
情報が不足しているようなら、ご指摘ください。

以上

---

実際のコーディング

<div class="copyright">&copy; 年数 名前</div>

---

デベロッパーツールで見たときの"Elements"タブ

---

ブラウザ上での表示(ドラッグしてみたとき)

---

追記

Comments

[m.ts10806]

念のため、CSSもご提示ください

[yoshihirotada1]

追記行いました。

[otn]

「はれのそら明朝」にその文字が無いのでは？

[m.ts10806]

あいえ、コピペしたいので、テキストにしてください。

Answer 1

フォントに字形が含まれていない可能性があるので、フォント指定を変えてみてください。

Comments

[yoshihirotada1]

フォントの指定を変えたら表示できました。
他の方もおっしゃったように、「はれのそら明朝」に©の文字がないようでした。
ありがとうございました。