だれかのなにかに役立てるウェブ制作者YoTaの趣味ブログ

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

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

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

修正方法

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

これですね。

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

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

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

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

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

原因

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

まとめ

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

ページ上部に戻る