Safari の CSS 文字化けバグを防ぐ
2005年3月 8日 19:21 | コメント (2) | トラックバック (0)
Safari には CSS の content プロパティを使って日本語を表示させようとすると文字が化けるバグがあります。また、数少ない content プロパティ使用者よりもさらに少なそうですが、日本語クラス名（CSS2 はクラス名に 2バイト文字が使えます）を使った場合も、文字化けによりマッチしません。
CSS ファイルで @charset 宣言を行っても効果は無く、画面上には意味不明の物体が羅列されるのみです。しかし、ねこめしにっきによると HTML の 外部 CSS link 部分に charset 属性を明示する事で文字化けを回避できるようです。
<link rel="stylesheet" href="xxx.css" type="text/css" charset="UTF-8" title="xxxxx" />
もちろん charset は環境にあわせて修正してください
バックスラッシュによるエスケープはメッセージの編集性に乏しく、@charset 宣言もダメだったことで諦めていましたが、こんな単純な解決法があったとは。
Windows 環境で WEB ページを作成し、Safari でのチェックができない人にとっては確認すらできない不具合ですが、上記の方法で回避できます。
コメント(2)
109
2006年1月24日 04:09
すいません、友達にたのまれてHPを作ってるんですが、
safariでの日本語の表示が文字化けするんです。
CSSつかってるんですけど、これどうやって回避したらいいのか
実際の方法がわからなくて…勉強不足ですいませんが、
教えていただけませんでしょうか？
コメントを投稿する
コメントの投稿には JavaScript が必要です。
ブラウザの JavaScript 機能を有効にしてください。
投稿ボタンを押してもエラーになりますのでご注意ください。
トラックバック(0)
トラックバックURL : http://www.studio-ponytail.com/mt/mt-tb.cgi/88
Kaz.
2006年1月24日 19:14
> 109 さん
挙げられた URL を覗いてみたのですが
文字化け以前に、テキストが一切見当たりません。
アドレスミスかなにかでしょうか？
このコメントに返信する