Category Archives: CSS

WEBサイト構築に必須となっているCSSについて、ブラウザ対応なども含め記載。

Firebugでfont-familyが文字化けする原因


Google Analyticsで確認してみると、最近「Firebug font-family 文字化け」といったキーワードで訪問される方がチラホラといらっしゃる。
せっかく訪問してくれても、当ブログに探している答えは置いていないのだが、自分もかつて「?」と思った部分なので解決方法を書いてみる。

以下の画像は、FirebugでCSSファイルを参照した際に、font-familyが文字化けして表示された状態と正常な表示の場合との比較(クリックで拡大表示)。 ”Firebugでfont-familyが文字化けする原因”…の続きを読む

メイリオとヒラギノのfont-family振り分けを考える


WindowsとMac環境でシステムフォントが異なっているのは周知の事実。
Windowsでもアンチエイリアスの効いたメイリオが主流になってきたため、「そろそろfont-familyにメイリオを入れようか思案中」を経て、最近はもっぱらCSSのfont-familyにメイリオを指定するようになった。

そこで、ちょっと気になるのがMac環境のこと。前出エントリーでも書いたが、私はWindows環境でヒラギノ角ゴシックをインストールしているという自己都合から、メイリオを先頭にした以下のような指定をしている。 ”メイリオとヒラギノのfont-family振り分けを考える”…の続きを読む

そろそろfont-familyにメイリオを入れようか思案中


メイリオUIメインのPCをWindows 7に乗り換えたので、システムフォントがメイリオ(Meiryo)UIとなった。

年末年始に身内に依頼されたサイトを作成したのだが、閲覧する身内(親)はVISTA環境なので「フォントは閲覧する側にインストールされてるかどうかで・・・云々」などと面倒なことは言わず、font-familyに見栄えの良いメイリオを設定して作成したことも手伝って、そろそろメインのフォントはメイリオでもいいかなと思い始めた。

改めて見てみると、メイリオ、そんなに悪くないのだ。今まで食わず嫌いだったのか、メイリオを適用しているサイトが増えてきて見慣れたのかは定かではないが・・・。
”そろそろfont-familyにメイリオを入れようか思案中”…の続きを読む

text-indent: -9999px;などの画像置換について


Googleが「隠しテキストはGoogle のウェブマスター向けガイドライン違反です」と題した、画像置換をする際にどういった方法をスパム判定するのかという見解を公式ブログに掲載した。

私自身はだいぶ前に、置換されたテキストと画像(に記載された文字等)の内容が大きく違わず、画像置換によってユーザーの認識向上などにつながるのならばスパムにはならないといったGoogleの判断をどこかで読んだ記憶があり、既に画像置換は積極的に利用してきた。
どこかにソースが無いかなと改めて捜してみるととあるWEBクリエイターのblog様で、以前から問題無い画像置換はスパム判定していない旨のエントリーが見つかった。
”text-indent: -9999px;などの画像置換について”…の続きを読む