私は次のファイルを参照しています
http://yabe.ayafish.com/static/stylesheets/crudify.css
直接リンクすると、次のコード
.crudSortedAsc:after {
content: 'â–¼';
}
上矢印として表示されます。wget からダウンロードしてローカルで使用しようとすると、矢印の代わりに生のテキストが表示されます。スタイルシートをローカルで実行しているときに矢印を表示するにはどうすればよいですか?
私は次のファイルを参照しています
http://yabe.ayafish.com/static/stylesheets/crudify.css
直接リンクすると、次のコード
.crudSortedAsc:after {
content: 'â–¼';
}
上矢印として表示されます。wget からダウンロードしてローカルで使用しようとすると、矢印の代わりに生のテキストが表示されます。スタイルシートをローカルで実行しているときに矢印を表示するにはどうすればよいですか?
@charset "UTF-8";
css ファイルの先頭に追加 します。
CSS ファイルに特殊文字が 2 つしか含まれていない場合、最も簡単で確実な方法は、CSS エスケープ表記を使用してそれらを表現することです。これらは、文字エンコーディングとは独立して機能します。「▼」には「\25BC」、「▲」には「\25B2」を使用します。
このような文字を CSS で直接使用する方法はたくさんありますが、ファイルのエンコーディングは正しく (実際には UTF-8)、HTTP ヘッダー、@charset
CSS のルール、またはCSS ファイルを参照する要素charset
の属性。link
また、設定が上書きされていないことを確認する必要があります。たとえば、HTTP ヘッダーは他の設定をオーバーライドします。
別のエディターを試してください。いくつかのエディターにこの問題があり、css がサーバーに配置された後に css を確認するまで文字がそこにあることに気付かないことがわかりました (エディターでは表示されません)。私はAptanaを使用していますが、これでそれ以上の問題はありませんでした。
これはエンコードの問題です。途中の停留所のどこかに、UTF8 ではないものがあります。そのストップは問題のあるストップです。修正してください。矢印を取得する必要があります。
これはほぼ確実にエンコーディングの問題です。
明確にするために、ブラウザと css ファイルは同じエンコーディングで通信する必要があります。そうしないと、同じエンティティが異なる方法でレンダリングされます。標準は utf-8 ですが、重要なのはどれを使用するかではなく、均一に使用することです。
私のcssのファンキーな文字で同じ問題が1回ありましたが、それを修正したのは、スタイルシートをメモ帳++の「BOMなしのUTF8」ではなくUTF8として再保存することで、問題が修正されました。スタイルシートの一番上の部分でいつでもエンコーディングを定義しようとすることができます:
@charset "UTF-8";