文字コード指定で日本語が文字化けしてしまう問題の解決方法

このQ&Aのポイント
  • プログラミング素人のため、文字コード指定で日本語が文字化けしてしまう問題について教えてください。具体的には、フォント指定の部分を再設定することで解決できると思うのですが、どのように書き換えれば良いか教えてください。
  • 以下のコードを参考にしていますが、文字が正しく表示されていない状況です。フォント指定を見直す必要があると思いますが、具体的な書き方について教えてください。
  • 文字コード指定によって日本語が文字化けしてしまう問題が発生しています。フォント指定の部分を再設定することで解決できると考えていますが、正しい書き方がわかりません。アドバイスをお願いします。
回答を見る
  • ベストアンサー

文字コード指定

プログラミング素人です。よろしくお願い致します。 文字をタイプライターのように流すスクリプトで、日本語が文字化けをしてしまいます。 ================= FONT-FAMILY:"+"MS Sans Serif,arial,helvetica"+"; FONT-FAMILY:"+"verdana,arial,helvetica"+"; ================= の部分を指定しなおせばなんとかなると思うのですが、どう書きなおせばいいのか教えてください。 念のため、コードを貼り付けます。 ================= uagent = window.navigator.userAgent.toLowerCase();IEB=(uagent.indexOf('msie') != -1)?true:false;var scompat = document.compatMode;var inoout=false;var tmpv;tmpv=770-8-8-2*parseInt(1);var cvar=0,say=0,tpos=0,enson=0,hidsay=0,hidson=0;var psy = new Array();var lllllllllll = new Array();var llllll=null;var llllll2=null;var lllllll=0;var llllllll=0;divtextb ="<div id=\"d";divtev1=" onmouseover=\"ll(";divtev2=")\" onmouseout =\"lll(";divtev3=")\" ";divtev4="";divtexts = " style=\"position:absolute;visibility:hidden;width:"+tmpv+"px; COLOR:"+"#000000"+"; left:0px; top:0px; FONT-FAMILY:"+"MS Sans Serif,arial,helvetica"+"; FONT-SIZE:"+22+"pt; FONT-STYLE:"+"normal"+"; FONT-WEIGHT:"+"normal"+"; margin:0px; LINE-HEIGHT:"+44+"pt; text-align:"+"left"+";overflow-x:hidden;padding:0px; cursor:default;\">";ie6span= " style=\"position:relative; COLOR:"+"#333399"+"; width:"+tmpv+"px; FONT-FAMILY:"+"verdana,arial,helvetica"+"; FONT-SIZE:"+9+"pt; FONT-STYLE:"+"normal"+"; FONT-WEIGHT:"+"bold"+"; TEXT-DECORATION:"+"none"+"; LINE-HEIGHT:"+14+"pt; text-align:"+"left"+";padding:0px;\"";uzun="<div id=\"enuzun\" style=\"position:absolute;left:0px;top:0px;\">"; 以下、省略

質問者が選んだベストアンサー

  • ベストアンサー
  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.2

ANo1様の意見と同じですが、ご提示の範囲とは関係ない気がします。 まったくの想像ですが、ソースが文字化けをしている可能性もありますので、フォントに日本語を指定しておいて(あるいは無指定にして)、ブラウザのエンコードを変えて表示させてみてください。 もしも、それで正しく表示できるようであれば、エンコードの指定がおかしいなどが原因の可能性が高いかと。

moo_a3123
質問者

お礼

回答、ありがとうございます。エンコード、いろいろとやってみたのですが、だめでした。原因がわかるかたお願いいたします。

その他の回答 (1)

noname#189141
noname#189141
回答No.1

IE限定のソースのような気がするので、"MS ゴシック"とか、"メイリオ"とかでいいんじゃないでしょうか? http://www.tohoho-web.com/how2/fontfamily.htm そこが問題じゃない気がしますが。

moo_a3123
質問者

補足

>そこが問題じゃない気がしますが。 じゃないみたいです。日本語のフォントを指定してもだめでした。他に分かるかたがいたら、教えてください。

関連するQ&A

  • 単語と単語の間にスペース

    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"> <title>TECHNOVISION*What's New*</title> <style type="text/css"> <!-- body {font-family: Verdana,Arial,Helvetica; font-size: x-small; background-image:url('../../image_2003/bg2.gif') } dive {font-family: Verdana,Arial,Helvetica; font-size: x-small;} td {font-family: Verdana,Arial,Helvetica; font-size: x-small;} --> </style> で欧文テキストを流すと、単語と単語のあいだにかなり長いスペースがあいてしまうところがあります。 ところどころ<BR>にしているのですが、それを取ると解消されます。 なぜでしょうか。

    • ベストアンサー
    • HTML
  • divにも同じフォントスタイルを適用したい

    現在 p { color : #222222;} p { font-family: Arial, Helvetica, sans-serif;} p{ margin: 1px 0px 1em 0px; font-size:95%; line-height:103%; } このような指定をしてあります。 しかしセンタリングなどに <div style="text-align:center;">のタグを使用するとセンタリングはされますけれど、上記CSSが反映されませんよね。 あちこちのHPを参考に色々試行錯誤をしていますけれど上手く反映されません。 div { color : #222222;} div { font-family: Arial, Helvetica, sans-serif;} 以下略 div.test 等に変えても同じです。 どこがダメなのでしょうか?

    • ベストアンサー
    • HTML
  • 全体的に左に配置されている

    自分のFC2ブログを解像度の高いワイド画面のパソコンで表示させてみたところ、全体が左に配置され、右半分が真っ白となっていました。 どうすれば真ん中に表示されるでしょうか? スタイルシートの一部はこう↓なっています。 body { width: 100%; color: #333; font-size: 100%; font-family: sans-serif; } h1#logoType { font-family: Helvetica, Arial, sans-serif; font-size: 41px; letter-spacing: 1px; line-height: 1.3; position: absolute; left: 140px; top: 50px; } .intro{ font-size: 16px; letter-spacing: 2px; line-height: 1.3; position: absolute; left: 135px; top: 105px; color:#81aacf;} #primary {float: left; width: 600px; padding: 190px 0 0 120px; }

  • スタイルシートのフォントファミリーの設定について教えて下さい。

    スタイルシートのフォントファミリーの設定について教えて下さい。 IE6だと、font-size: 10px;が、日本語フォントに効きません。 英語フォントのみ小さくなって、日本語フォントは小さくならないのです。 ちなみに、ソースは、 body { font-family:Comic Sans MS, Verdana, "MS Pゴシック", Helvetica; .sidecontent { ・・・ここの日本語フォントサイズが効かない。 font-size:10px; font-weight:normal; } と記載しています。 わかる方がいたら、ぜひ教えて下さい。

  • ブログのTOP画像表示方法(悩んでます)

    どこをどう変えればTOPに画像をつけるコトが出来るのでしょうか?? ホントに悩んでます。 検索してもよくわからなくて・・・ body { font-family: Arial, Helvetica, sans-serif; background-color:#ffffff; background-image:url(http://269g.jp/img/bg/nail_style_1/bg.gif); background-repeat:repeat-y; margin:0px; padding:0px; text-align:center; } #container{ text-align:right; margin:0px auto 0px auto; width:906px; height:596px; background-image:url(http://269g.jp/img/bg/nail_style_1/top.jpg); background-repeat:no-repeat; background-position:center top; background-color:#ffffff; } h1 { text-align:left; margin:0px 0px 0px 0px; padding-top:225px; font-weight:bolder; font-family:sans-serif; font-size:19px; } h1 a{ color:#58B29A; text-decoration: none; font-family:sans-serif; font-weight:bolder; } h2 { padding: 0px; font-weight:bold; font-size:14px; text-align:left; font-family:arial, Helvetica; } h3 { padding: 5px 0px 10px 3px; font-size:14px; font-weight:bolder; font-family:arial, Helvetica; } H3 a{ text-decoration: none; }

  • フォントと文字サイズの指定方法

    HTML初心者です。 どなたか助言ください。 以下のソースのようなテンプレHTMLを変更しないといけなくなりました。 以下のソース部分のフォントと文字サイズを指定するにはどのようにすればよろしいでしょうか? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="X-UA-Compatible" content="IE=7" /> <title><?=$item_title?></title> </head> <body> <div style="width:100%;text-align:center"> <div id="wrapper" style="margin:0px auto;font-family:Arial, Helvetica, sans-serif;font-size:20px;color:#000;text-align:left;"> %IMAGES% <div class="sub_tit" style="padding-left:5px;height:25px;line-height:25px;border-left:solid 20px;color:#2214ff;font-size:25px;font-weight:bold;"> PRODUCT DETAILS </div>   ****以下で出力される文字のフォントと文字サイズを指定したい。 <p class="sub_text" style="padding-left:10px;padding-right:20px;"> %DESCRIPTION% </p>   **** ......同じような内容が続く </body> </html> よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • GOOブログのタイトル・文字位置について

    GOOでブログをやってます。 無料でカスタムできるテンプレートを使用してます。 タイトルの位置がどういうわけか、自然とタイトル画像の ど真ん中に来てしまいます。 これを左斜め上に、表示させたいのですが これは、どうしたらいいのでしょうか? 今こんな ↓ 感じであります。 /* ブログのタイトル */ .bTitle { color: #FFFFFF; font-size: x-large; font-family: VERDANA,ARIAL,SANS-SERIF,Helvetica,'MS Pゴシック',Osaka; font-weight: bold; text-shadow: #fff 2px 2px 3px; text-align: left; } ↑ leftになってるのに、ど真ん中にタイトル文字が表示されてしまいます。 もしよければ少しアドバイスをいただきたいです。 よろしくお願いします。

  • MT長所新車で

    超初心者です。ムーバブルタイプで、エントリーに画像をアップすることはできるのですが、トップのバナーにはアップすることができません。スタイルシートで何回も挑戦していますが、どこが間違っているのか、画像が反映されないのです。間違いを教えてください。 具体的に書きます。 #banner { font-family: Verdana, Arial, sans-serif; color: #FFFFFF; background-color: #6B8E23; text-align: left; padding: 15px ; border-bottom: 1px solid #FFFFFF; height: 39px; } a#banner-img { }   となっているところを #banner { font-family: Verdana, Arial, sans-serif; color: #FFFFFF; background-image:<img alt="ue01.gif" src="http://www 略 width="××× heigho="○○○/>; background-color: #6B8E23; text-align: left; padding: 15px ; border-bottom: 1px solid #FFFFFF; height: 39px; } あるいは【例02】 #banner { font-family: Verdana, Arial, sans-serif; color: #FFFFFF; background-image:url<img alt="ue01.gif" src="http://www 略 width="××× height=" ○○○/>;  background-color: #6B8E23; text-align: left; padding: 15px ; border-bottom: 1px solid #FFFFFF; height: 39px; } としています。 どこがおかしいでしょうか。 またどのようにすれがいいでしょうか どなたか教えてください。

  • CSS、おかしいですか?

    CSSですが、本を見てやっています。 下記のように記述したのですが、書かなくてもよい記述とか、おかしいところ、ありますでしょうか? <style type=text/css> body{font-size:10pt} td {font-size:10pt; line-height:12pt} tr {font-size:10pt line-height:12pt} dive {font-size:10pt;line-height:12pt} a:link {font-size:10pt; font-weight:normal; font-style:normal; text-decoration:underline; text-align:left; vertical-align:; color:#990000} a:visited {font-size:10pt; font-weight:normal; font-style:normal; text-decoration:underline; text-align:left; vertical-align:; color:#990000} a:active {font-size:10pt; font-weight:normal; font-style:normal; text-decoration:underline; text-align:left; vertical-align:; color:#ff0099} a:hover {font-size:10pt; font-weight:normal; font-style:normal; text-decoration:underline; text-align:left; vertical-align:; color:#ff0099} </style>

    • 締切済み
    • CSS
  • font-familyで色々指定しても全く変わりません;

    font-familyで色々指定しても全く変わりません; windowsでホームページを見るとフォントが見づらかったため ネットで読みやすいフォントを検索し、 CSSで font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS Pゴシック","MS PGothic",Osaka,sans-self,Verdana,Arial,Helvetica; と指定しました。 しかし、指定しないファイルと見た目が全く同じなのですが XPには上記のフォントはプリインストールされていないのでしょうか? 上記の指定はフォントをダウンロードしている人にのみ適用されるだけなのでしょうか?

    • ベストアンサー
    • HTML

専門家に質問してみよう