CSS 文字エンコーディングにより文字化けが発生する_html/css_WEB-ITnose
文字化けによる CSS エラーの原理:
1 つの漢字は 2 つの文字で構成されているため、エンコーディングが一貫していない場合、文字の「再」組み合わせ (漢字の半分の組み合わせ) が発生します。コード化された文字と次の文字によって新しい「テキスト」が生成される)により、元の末尾が「突然変異」に準拠することになり、その結果、末尾記号が見つからなくなり、後続の CSS が無効になります。
ヒント1: CSSで発生する文字化けは、CSSの文字エンコーディングとページの文字エンコーディングの不一致によって発生するため、最も直接的な方法は文字エンコーディングを一致させることです。 CSS のエンコード タイプを指定します。例: @charset "utf-8"; (指定するエンコード タイプは utf-8 であり、CSS ファイルの最初の行に記述する必要があります)
ヒント 2: CSS で文字化けが発生するはすべて漢字が原因なので、中国語を書かない限り「文字化けがCSSの失敗を引き起こす」ということはありません。上記の2つのヒントはさておき、さらに深く掘り下げていくと、「文字化け」が発生します。 「文字」は通常、次の 2 つの状況から生じます。
1. 中国語のコメントにより文字化けが発生する
CSS コメントは次のとおりです: /*特定のコメント*/
文字化けしたコードの例:
通常のコード: /*3 つの中国語文字*/
文字化けの原因: /*涓夋眽瀛?/
ブラウザ環境: IE6
HTML: gb2312
CSS: エンコード指定なし、実際はutf-8に解析されます
上記の例は、CSSコメントの終了文字をブロックし、後続のCSSコンテンツをコメント範囲内にする文字化けコードです
予防策: コメントの強化
例:
通常のコード: /****漢字 3 文字****/
文字化けの原因となるコード: /****フアン・狋罽瀛?***/
この強化されたコメントにより、文字化けを防ぐことができます。コメントの末尾が変わる文字化けをCSS記述時の「変異」を事前に防ぐことができます
2.中国語フォントが文字化けの原因
CSS指定フォント: font-family: "中国語フォント";
文字化けコード例:
正常なコード: font-family: "黑体"
原因: 文字化けコード: font-family: "翜涋"
ブラウザ環境: IE6
HTML: gb2312
CSS: エンコード指定なし、実際はutf-8に解析されます
上記の例は文字化けしており、フォント名が文字化けしてしまい、「指定されたフォントが無効です」というメッセージが表示されます。この問題の影響はそれほど深刻ではないようですが、実際の状況では、文字化けによって次の引用符が「ミュート」され、次の CSS がフォントの引用符内にあるという状況が実際に存在します。以下の CSS がすべて無効になります。
予防策: フォントのエイリアスを使用する(ブラウザが認識できるようにする)
例:
通常のコード: font-family: "SimHei" (font-family: "9ed14f53" )
ブラウザ解析: font-family: " SimHei " (font-family: "Heibody"、IE6 は依然として font-family: "9ed14f53" ですが、フォント解析では黒竜江省と表示されます)
中国語の使用を避けるためにエイリアスを使用し、文字化けを回避します
css 中国語フォント (font-ファミリー) リスト
Windows 用の一部:
Helvetica: SimHei
Song 王朝: SimSun
新しい Song 王朝: NSimSun
FangSong: FangSong
Script: KaiTi
FangSong_GB2312: 2
Kaiti_GB2312:KaiTi_GB2312
マイクロソフトYahei: Microsoft YaHei
Office インストール後に誕生するものの一部:
公式スクリプト: LiSu
Youyuan: YouYuan
华文 Fine Hei: STXihei
华文楷体: STKaiti
华文宋体: STSong
华文中宋体: STZhongsong
中国語模倣歌: STFangsong
創始者シュティ: FZShuTi
創始者ヤオティ: FZYaoti
中国語彩雲: STCaiyun
中国琥珀: STHupo
中国語公式スクリプト: STLiti
华Wen Xingkai: STXingkai
华文新微: STXinwei
追加:
Kaiti_GB2312 と模倣 Song_GB2312 を使用した後、対応するフォントが Windows 7/Vista/2008 で表示されなくなる場合があります。
これは、Windows 7/Vista/2008にはKaiTiとFangSongがありますが、デフォルトではKaiTi_GB2312とFangSong_GB2312がなく、フォント名の違いが「_GB2312」であるためです。
------------------------------------------------ -----------
CSSで中国語フォントを書く方法
フォントの書き方については、
body、
ボタン、input、select、textareaの説明が必要な気がします{
font: 12px/1 Tahoma, Helvetica, Arial, "5b8b4f53", sans-serif;
}
"5b8b4f53" は "Arial" です。 Firefox と Opera の一部のバージョンでは SimSun の書き込みメソッドがサポートされていないため、SimSun の代わりに Unicode を使用してください。フォントの知識を広める:
フォント エイリアス
システム内のフォントには複数のエイリアスを持つことが許可されています。たとえば、Windows では、Georgia を Georgia MS という名前にすることもできます。これらは実際には同じフォントです。宋王朝の正式名称はシムサンであり、「宋王朝」は単にその愛称です。
仕様によれば、ブラウザはフォント エイリアスを自動的に認識し、それらを正しいフォント ファイルにマップする必要があります。たとえば、font-famliy: SimSun と font-family: "宋体" は同等の効果を持つはずです。残念ながら、多くのブラウザでは以前の定義を正しく実装できないようです...
したがって、ブラウザの互換性を考慮して、「宋王朝の歌」を使用する必要があり、それを Unicode 形式にトランスコードすることで、どのエンコードでも問題なく確保できます。
------------------------------------------------ -----------
必要な友人が簡単に使用できるように、次の表に、一般的に使用される中国語フォントの Unicode エンコードを示します:
Heidi 9ED14F53
Songti 5B8B4F53
Kaiti 69774F53
Microsoft弥平 5FAE8F6F96C59ED1

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック











公式アカウントのWebページはキャッシュを更新します。これはシンプルでシンプルで、ポットを飲むのに十分な複雑です。あなたは公式のアカウントの記事を更新するために一生懸命働きましたが、ユーザーはまだ古いバージョンを開くことができますか?この記事では、この背後にあるtwist余曲折と、この問題を優雅に解決する方法を見てみましょう。それを読んだ後、さまざまなキャッシュの問題に簡単に対処でき、ユーザーが常に新鮮なコンテンツを体験できるようになります。最初に基本について話しましょう。それを率直に言うと、アクセス速度を向上させるために、ブラウザまたはサーバーはいくつかの静的リソース(写真、CSS、JSなど)やページコンテンツを保存します。次回アクセスするときは、もう一度ダウンロードすることなく、キャッシュから直接検索できます。自然に高速です。しかし、このことは両刃の剣でもあります。新しいバージョンはオンラインです、

この記事では、ブラウザのユーザー入力を直接検証するために、必要、パターン、MIN、MAX、および長さの制限などのHTML5フォーム検証属性を使用して説明します。

この記事では、CSSを使用したWebページへの効率的なPNG境界追加を示しています。 CSSはJavaScriptやライブラリと比較して優れたパフォーマンスを提供し、微妙または顕著な効果のために境界幅、スタイル、色を調整する方法を詳述していると主張しています

記事では、HTML5クロスブラウザーの互換性を確保するためのベストプラクティスについて説明し、機能検出、プログレッシブエンハンスメント、およびテスト方法に焦点を当てています。

この記事では、HTML< Datalist>について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。

この記事では、html< meter>について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化< Meter> < Progress>およびex

この記事では、html5< time>について説明します。セマンティックデート/時刻表現の要素。 人間の読み取り可能なテキストとともに、マシンの読みやすさ(ISO 8601形式)のDateTime属性の重要性を強調し、Accessibilitを増やします

この記事では、HTML< Progress>について説明します。要素、その目的、スタイリング、および< meter>との違い要素。主な焦点は、< Progress>を使用することです。タスクの完了と< Meter> statiの場合
