モバイル: Operaに驚いた
Version 2.9.6MTの更新の時から、ページ先頭にあるサイト名の表示方法を変更している。
フォントの表示の仕方なので、音声ブラウザなど、画面表示を必要としないブラウザをご利用の場合は、あまり関係のない話で申し訳ない。
どのように変更したかというと、CSSで、サイト名と、その次にあるバージョンの部分に、font-variant: small-caps;
と指定したのである。
これはどういう意味かというと、おおざっぱに言えば、その部分のフォントは、小文字を表示するときに、大文字を小さくしたものを表示する、と言うことだ。
はっきり言って単にデザイン上の目的だけで、そういう風に表示してみたかっただけである。
以前はこの表示方法に対応しているブラウザがなく、あきらめたように記憶しているが、今回Caminoでは問題なく表示され、Safariでも同様に表示されたので、とりあえず害もないし、採用した。 今日、何気なく携帯電話(W21CA)のOpera(PCサイトビューアー)でサイトを見てみたところ、このsmall-capsが効いている。 単にフォントを小さくしているだけ(本来ならば、small-capsに対応したフォントを選択するべき、らしい)のためか、元々フォントが標準サイズに近い部分では、効果が現れていないが、タイトルのところでは確実に表示されていた。
これがWindows版やMac OS版のOperaだったらさほど驚かないのだが、携帯電話に搭載するバージョンのOperaでも対応しているとは驚きだ。 はっきり言って、small-capsなど、CSSの中でもややマニアックな部分だと思っていたのだ。
これでふと気がついて、別の部分の表示も確認してみた。 エントリーのすぐ次にある、カテゴリーの表示や、パーマリンク・コメント・トラックバックの表示部分である。 この部分にも、隣接セレクタ・疑似要素・contentプロパティと言った、やはりマニアックと私が思っているCSSが指定されているのだが、やはり期待通りに表示されている。 Opera恐るべし、である。