著作権のコピーライトマーク「©」がAndroid端末だけ色が青くなる時の対処法

web制作

Android端末だと、著作権を示すコピーライトのマーク「©」が、青色?のヘンな感じにおかしくなる現象が発生するようです。

i-os使いだと気づきにくく、まあ、さして気にする人も少ないかもしれませんが、せっかくなので気づいた人は修正しておきましょう。

修正方法

青色のおかしくなる感じって?

これですね。

フォント指定をしてあげればOK

コピーライトマークの部分のみ、特定のフォント指定をしてあげればOKです。

なので、HTML5だと大体の人がフッターのコピーライト部分はsmallで括っていると思うので、そこをマーク部分のところでさらにspanタグで括ってやって、下記のコードで記述すればOKです。



small span{
  font-family: Verdana, "Droid Sans" !important;
}

修正したのがこちら。さらば青色!

原因

htmlタグにlang="ja"とあるのが原因らしいです。これを削除してもエラーは消えますが、そもそもの記述ルールで考えれば指定しておくほうが好ましいはずです。

まとめ

アンドロイド端末でコピーライトマークが青色のヘンな感じになる時は、cssでフォント指定!と覚えておきましょう。

最後に一言

こういうエラー、地味にやめてほしい。

この記事をSNSでシェアする?

著作権のコピーライトマーク「©」がAndroid端末だけ色が青くなる時の対処法


  • 1
    このエントリーをはてなブックマークに追加
  • Pocket

PROFILE

yoshi

KIYOTATSU(キヨタツ)を運営しているウェブ制作者のYoshiです。得意な分野はディレクションとコーディングです。デザインはシンプルなものだけ可能です。他、色々と随時習得中です。