- ベストアンサー
utf-8 IEで文字が大きくなる
WEB制作初心者です。 utf-8を使用した場合、firefoxでは問題ないのですが、IE6だと文字サイズが大きくなっているところがあり、表示が崩れてしまいます。 もともとshift_jisを利用していたのですが、サイトにAjaxでgooglemapを表示させようとしたときに、IE6では表示できなかったので、utf-8に代えたら表示できました。 しかし上記の通り、ほかの部分のフォント表示が大きくなってしまいました。 文字コードについて理解が浅いのですが、回避策がありましたらご回答よろしくお願いします。
- skipworth
- お礼率64% (332/518)
- JavaScript
- 回答数2
- ありがとう数4
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
IEでは文字コードがUnicode(UTF-8)のとき半角英数字のフォントが変わります。仕様。 CSSファイルに以下の記述を行って読み込ませればOKです。 body,input,button { line-height:normal; font-family:"MS Pゴシック"; } textarea { line-height:normal; font-family:"MS ゴシック"; } 私の場合はIE以外が読み込まないようにHTMLファイルの側でこういう書き方をして読み込ませますけどね。 <!--[if IE]><link rel="stylesheet" type="text/css" src="ie_font.css"><![endif]--> ie_font.cssっていうのはCSSファイルの名前ですが、別にファイル名は何でも構いません。 ちゃんと作ったファイルの名前を正しく指定していればそれでOKです。
その他の回答 (1)
- shogo0809
- ベストアンサー率47% (25/53)
文字サイズではなく、半角英数(記号)が別のフォントになっているのでは? そういった現象であればIE6の仕様ですが……。 その場合は、スタイルシートであらかじめフォントの指定をしておけば 文字コードに関係なく指定のフォントが使用されるようになります。 ウチの場合はUTF-8を用いる場合に下記の様にスタイルシートに書き加えています。 * { font-family: 'MS Pゴシック',Osaka,sans-serif; } 参考になれば。
お礼
ご回答ありがとうございます。 ご回答いただいたとおりに書き加えたらできました。 ちなみにこんな感じで横並びのリストにしている部分です↓ 東京|神奈川|埼玉|千葉|茨城 この|が問題なのかなと思ったんですが、やはり文字自体が1サイズ大きくなっているようです。 とりあえず解決したので、ありがとうございます。
関連するQ&A
- 文字コードがUTF-8のサイトにshift_jisの入力フォームを組み込んだのですが、、
教えて下さい。 同じような質問があったのですが、解決しなかったのでお聞きしたいのですが、現在、文字コードがUTF-8のサイトに、配布されていたcgiを使い、入力フォームを作っているのですが、こちらは文字コードが shift_jisになっています。なので、そのページだけshift_jisでもいいかなと思い、本体に使っているcssをそのまま使おうとしたところ、CSSの文字コードがUTF-8になっており、多少フォントの指定が入っていまして、これを読み込むとIEでおかしなことになってしまいました。こういった場合やはりフォントの指定をはずした方がよいのでしょうか? 後、CSSでUTF-8でフォントファミリーの指定をしていた場合、HTMLファイルの方がshift_jisになっているとやはりフォントはでないのでしょうか? 分かりずらいですが、宜しくお願いします。
- 締切済み
- HTML
- Webの文字コードについて
しばらくWeb制作から離れていまして、久しぶりなのですが、DreamweaverCS3のデフォルトの文字コードがUTF-8になっていました。 以前(MX2004の頃)はshift-jisだったと思います。 文字コードの知識もあまりなく、shift-jisにしておけば無難・・ということでそれに従っていただけなのですが、いまはUTF-8が普通なのでしょうか? UTF-8に変わった理由も知りたいです。
- ベストアンサー
- ホームページ作成ソフト
- FirefoxのBookmarksを、UTF-8→Shift_JIS→UTF-8と変換後に改めてFirefioxにインポートすると文字化けするのは?
Linuxを使いたくて、文字コードについて少しづつ勉強しています・・・。 現在はまだ、Windows XP Home SP2を使っています。 『InternetExplorer 7上で』作成した、[お気に入り](Shift_JIS)を、TeraPadで開き、UTF-8に変換、保存したものは、文字化けせずにFirefoxにインポートできました。 Mozilla Japan ナレッジベース - [Firefox からエクスポートしたブックマークが Internet Explorer でインポートできない] http://www.mozilla-japan.org/kb/solution/2050 でも・・・。 (1) Firefoxのブックマーク(Bookmarks.html)をエクスポートし、UTF-8→Shift_JIS→UTF-8と変換後に改めてFirefioxにインポートすると文字化けしてしまいます。なぜなのでしょうか?。 『InternetExplorer 7上で』作成した、[お気に入り](Shift_JIS)を、TeraPadで開き、UTF-8に変換、保存したものとは違う内容(データ)になてしまうのでしょうか?。 (2) また、Firefoxからブックマーク(Bookmarks.html)をエクスポートし、TeraPadで開き、Shift_JISに変換、保存したものをInternetExplorer 7にインポートすると、一見正常にインポートできたようなのですが、詳細にみると、" ' "という文字が変な文字に置き換わったり、" & "の後に" amp; "という文字が付加されたりします。 これは、Shift_JIS、UTF-8がお互いに認識できない文字コードを含んでいることによるもの(解決不可能なもの)と考えてよいのでしょうか?。 お願いいたします・・・。
- ベストアンサー
- Windows系OS
- shift_jisとutf-8
お世話になります。 先日より文字コードのことで、頭を悩ましています。 サイト制作の時に、フルCSSを目指し、他の人が作っていたCSSを利用してDreamweaverで制作を始めました。 その際、文字コードがutf-8になっていたのですが、ブラウザによっては文字化けしていおり、宣言の部分をshift_jisに変更しました。 この部分です。<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> ちなみにDreamwerverではデフォルトの文字コードはshift_jisなので、わざわざ変更しない限り、制作したページはすべてshift_jisで書かれているようです。 また、使わせてもらったCSSのページには一行目に@charset "utf-8";が入っていたのですが、よくわからないのでこの行をはずしてみたところ、CSSの設定が反映されない部分が出てきました。(これが原因かわかりませんが、この一行を入れると直ったみたいで・・) そこで質問なのですが、HTMLの方ではshift_jis、CSSファイルではutf-8という設定でも別にかまわないのでしょうか?(統一しなくてもいいのか?) また、一行目の@charset "utf-8";を省くと問題がありますか? 統一した方がいい場合は、制作したものをすべてutf-8に(またはshift_jisに)するにはどうしたらいいのでしょうか? 別に統一する必要がなければ今回はこのままにして、次回からきちんとしたものを作って行きたいのですが・・ どうぞよろしくお願い致します。
- ベストアンサー
- その他([技術者向] コンピューター)
- 文字コードShif-JIS、UTF-8
漢方の「瘀血」の“瘀”という文字の文字コードはUTF-8にはありますがShift-JISにはありません。html記述に作成にTeraPadを使っていますが、Shif-JISがデフォルトのようで“瘀”の文字がATOKで書き込めず、?に置き換わってしまいます。TeraPadの表示オプションの「文字コード」をUTF-8に設定しても同じです。ためしにメモ帳でやってみたところ問題なくATOKで瘀と書き込めます。TeraPadをUTF-8ベースで使うにはどうしたらいいでしょう。
- ベストアンサー
- ホームページ作成ソフト
- 文字コードってUTF-8が主流に?
文字コードについては、UTF-8が主流になりつつあるってネットで観ました。 文字コードを検索すると次のような説明があります。 (UTF-8のエンコード) UTF-8は、UnicodeとASCIIコードを混在させるための規格です。 (シフトJISコード) シフトJISコードは、SJISとも呼び、Microsoft社が決めたコードでWindows95やMS-DOSやMacなどで使用されています。 その上で質問です。 1、 UTF-8が主流になるってことは、Windows、MacがUTF-8に方向転換するってことでしょうか? 2、 仮にUTF-8が主流になっても、サイトに <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> と記述していれば文字化けなく表示されるのでしょうか? 今の時点では判断できない質問なのでしょうか・・
- ベストアンサー
- その他([技術者向] コンピューター)
- Webサイトの文字コードについて
日本のWebサイトの文字コードはShift-JISが多いようですが、UTF-8との違いってなんなんでしょうか?表示できない文字があるんでしょうか? また、MovableTypeのテンプレートはデフォルトでUTF-8になっていますが、Shift-JISに変更すると何か不具合があるんでしょうか? 投稿するカテゴリが間違っていたらごめんなさい。
- ベストアンサー
- HTML
- ajaxによるIEの文字化け回避策について
貴重な場をお借りして質問させていただきます。 ajaxのIE対応について困っています。 やりたいことはボタンを押したら外部からhtmlを 読み込むということなのですが、 どうしてもIEだけ文字化けしてしまいます。(ボタンを押したら・・・という記述は下記には書いていません。) 文字コードがutf-8ではないということが原因なのですが 出来ればサーバーサイドでの記述なしに解決したいと思っています。 読み込むtest.htmlも親のindex.htmlもshift-jisでして、 この文字コードは変更できず困っております。 下記に現状のソース(ajax部分のみ)を記述したものを表記いたしますので、どなたかお力を貸していただけないでしょうか。 どうかよろしくお願いいたします。 ------------ jquery------------- $(function(){ $.ajaxSetup({ beforeSend: function(xhr){ xhr.overrideMimeType("text/html;charset=Shift_JIS"); } }); $.ajax({ type: 'GET', url: 'test.html', dataType: 'html', success: function(data) { $('#wrap').append(data); } }); }); ------------ test.html------------- <ul id="hoge"> <li>ここに画像やテキスト</li> </ul>
- ベストアンサー
- AJAX
- 文字コードがUTF8のため、トップページが表示されない。
昨年10月にMovable Typeを用いて、ブログを作成しているのですが、文字コードがUTF-8のためトップページを表示する際に、エンコードで文字コードの設定を自動選択にするか、UTF-8に設定しなおさないと、表示されません。多くの方がIEの標準の設定でShift-Jisで設定されているので、設定をしなおさないと表示することができません。 ソース上で、自動的に表示させるようにすることはできるのでしょうか? music-addict.net/world/
- ベストアンサー
- ブログ
お礼
ご回答ありがとうございます。 他のブラウザのことも考えなきゃいけませんよね。 とても勉強になります。