IOSアップデートとデフォルトフォント

2012年12月9日

今年9月アップル社は新しいOS,IOS6を提供開始しました。Googleマップとは異なる独自マップの提供など色々な話題や問題があったOSのアップデートですがブラウザフォントの面でもちょっとした問題があったようです。

ホームページを作る際テキスト文章においては数多くあるフォントの中から適切なフォントを選択しfont-familyで指定していきます。フォントというのは誰もが同じフォントを見れるわけではなく、使用しているPCや携帯、ブラウザによって再現できるフォントが異なってきます。なので特殊なフォントを使ってそれを活かしたい場合などは画像に変換してしまって画像として見せる場合もあります。今回のちょっとした問題とはこのフォント環境での問題です。

ホームページ上で指定されたフォントがブラウザで読み込めない場合、テキスト部分が空白に変わってしまっては困るのでデフォルトのフォントというのが予めブラウザに定められておりそれに置き換わるようになっています。iPhone(IOS6)などで標準設定されているブラウザ,Safariの場合それが明朝体に設定されています。通常はホームページを作る際font-familyで複数のフォントを指定し優先順位などを決めておくためデフォルトのフォントになる前に予め意図したフォント表示できることが多いのですがこのfont-familyの設定が上手く機能していなかった場合はデフォルトの明朝体表示されてしまい今までのデフォルト表示と異なる為違和感がでてきてしまったのです。

フォントが変わるとテキスト内容への印象が変わることも多い為意図しないフォントにならない為にも一度font-familyの設定を見直してみるのもよいかもしれません。

Posted by Nakagawa

Related Posts

Vimeoのレスポンシブ動画埋め込み対応ができない時

Vimeoのレスポンシブ動画埋め込み対応ができない時

Vimeoは色々カスタマイズもできてホームページに動画を埋め込みたい時は便利なサービスです。 ただ、最近ではレスポンシブデザインのサイトが多くなっているので固定サイズのまま埋め込むとおかしなことになってしまいます。 Vimeoの埋め込みコード発行はレスポンシブにも対応しているのですが、オプションのカスタマイズ設定をしないと対応できないので注意が必要です。 オプションのカスタマイズ設定が見当たらない場合...

重要 総額表示義務化に伴うホームページ修正キャンペーン

2021年4月より総額表示が義務化されます。 今まで経過措置として10000円(税別)の記載でホームページ上OKだったものも11000円(税込)等に修正する必要があります。 主な対象としてはBtoC(不特定への一般消費者向け価格表示)であり、 具体的には接骨院、歯医者、眼科、皮膚科等のクリニックやサービス業、ECサービス等幅広く対象とされています。 まだご自身のホームページを修正されていない場合はお早めにご対応下さい。 なお、弊社では初めてのクライアント様は特別料金(無料~)で対応させて頂いています。...

コロナ渦の求人。Google広告でエリア限定して効果的に

2020年は新型コロナウイルス感染症により従来のやり方が通用しない年となってしまいました。 求人市場は求職者にとっても企業にとっても大変な状況です。 従来のやり方が通じないのなら新しい取り組みにチャレンジしないといけません。 採用において人材紹介会社やハローワーク等しか利用しておらず自社で積極的な求人アピールを今までしていない企業さんはこれを機会にGoogle広告を活用してみましょう。 Google広告(Googleアドワーズ)とは...