海外のhtmlテンプレで日本語を使いたい

このQ&Aのポイント
  • 海外のHTMLテンプレートを使用して作品集のようなホームページを作ろうと思っていますが、日本語を入力すると文字化けしてしまいます。CSSやHTMLの編集方法が分からず困っています。
  • HTMLやCSSの基礎は数年前に学びましたが、最近のトレンドや変化についていけていません。初心者と同じくらいの知識しかありません。
  • もしできるだけ簡単な方法があれば教えていただきたいです。フォントは特別なものではなく、標準的なフォントで問題ありません。フォントのダウンロードはできるだけ避けたいです。もし難しければ、似たような日本語のテンプレートを探すことも考えています。
回答を見る
  • ベストアンサー

海外のhtmlテンプレで日本語を使いたい

現在、↓のテンプレートデザインがとても気に入り http://speckyboy.com/2011/02/22/free-single-page-scrolling-html5-portfolio-template-psds/ これを使って作品集のようなホームページを作成しようと思ったのですが、 英語の文章(紹介文部分など)を日本語に打ち直して更新すると、文字化けしてしまいます。 完全に日本人向けのサイトを作る予定なので、 せめてプロフィール部分などが日本語でかけたらと思うのですが、 CSSもHTMLも、どこをいじったら良いのか分からず困っています…。 ホームページ制作やHTMLやCSSは数年前に基礎程度は学んでいましたが、 だいぶ時代も流行も変わりましたし…。もうほとんど初心者と同じだと思います。 もしなにか簡単にできる方法などがあれば教えて頂けると助かります。 ・編集は、テキスト・HTMLエディタ(Crescent Eve)を使っています。 ・凝ったフォントではなく、標準的なフォントでかまいません。 ・できればフォントdownloadなどはしないで作りたいのですが可能なのでしょうか…。 難しそうでしたら、このテンプレにこだわらず、 もともと日本語の似たようなテンプレを探しなおそうと思っています。 どうぞよろしくお願いいたします。

  • HTML
  • 回答数1
  • ありがとう数10

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

  • ベストアンサー
  • torayoshi
  • ベストアンサー率62% (910/1449)
回答No.1

テンプレの文字コードがUTF-8なので、 上書き保存する時UTF-8で保存すれば良いと思います。

migimo
質問者

お礼

ご回答ありがとうございます。 教えて頂いた通り、UTF-8で保存しなおしたら きちんと日本語フォントが表示されました! とても気にったテンプレートだったので、 このまま使えて本当に助かりました^^ 今後も海外テンプレを使う際に役に立ちそうです。 改めて、ありがとうございました。

関連するQ&A

  • Crescent Eveにて・・・

    Crescent Eveにてホームページを作成しようとフリーのテンプレートをダウンロードしCrescent Eveにて開いたあと「HTMLプレビューを表示」をしても「ブラウザでプビュー」をしてもテンプレートの文字だけの表示でデザインが表示されないのはなぜでしょうか? 何か設定が悪いのでしょうか?さっぱり分かりません。いきなりつまづいてしまいました。 どうか宜しくお願い致します。 Win7 IE11です。

  • 日本語フォント、メイリオについて

    CSSが使えないので、HTMLだけでホームページを作っています。今まで閲覧者のブラウザのデフォルトフォントに合わせるために、フォント指定はしませんでした。 最近、今まで使っていたIE9が勝手にIE10にアップデートされてしまいました。(迷惑な話です) ホームページを開いてみると、今までのデフォルトのMSPゴシックとは違う見づらいフォント表示になってしまいました。(新しいIE10でもデフォルトはMSPゴシックです。) どうにも見づらいので(なぜ同じIEで違うのでしょうね?)、ホームページのフォントをメイリオに指定しましたら(<font face="メイリオ">)、 とても見やすい表示になりました。 心配になったのは、日本語フォントのメイリオが日本語バージョンPC(Windows、Mac)に普及しているかどうかです。もし入っていないPCだと正しく表示されません。(どんな表示になるのでしょうね?) 日本語フォント、メイリオは普及しているのでしょうか?

  • テンプレの編集可能領域に入れた文字を適用しているHTMLファイルに反映させたい

    Dreamweaver8のテンプレートについてお聞きします。 親テンプレート(base.dwt)を作り、その親テンプレートには編集可能領域を2ヶ設定。そして、その親テンプレートから子テンプレートを作りたいのです。 そこで分からないのですが、子テンプレには親テンプレの編集可能領域2ヶが引き継がれますが、編集可能領域1ヶを子テンプレの固定部分にしたいのです。しかし、そこは親テンプレで設定した編集可能領域なので、子テンプレを適用したHTMLファイルには反映されないのです。 何か対策ありますでしょうか。宜しくお願いします。

  • fc2ブログのテンプレをカスタマイズしたい

    FC2でヒヨコ君ってかたのhiyoko-calendar750というテンプレを使っているのですが 最初から画像がありましたのでそれを消したらこのような線が残ってしまいます。 当方は知識は0に等しいので色々検索したり試行錯誤してみましたがどうしても消えません。 HTMLやCSSに詳しいかたご教授ください。 ※画像の黄色の□で囲んである部分です。

    • ベストアンサー
    • HTML
  • FC2ブログでテンプレのカスタマイズ

    FC2でブログを書いています。 htmlやCSSの知識は全くありませんが何とかカスタマイズしたいと思っています。使用しているテンプレートはblueskyで http://staff.blog1.fc2.com/?style=bluesky このテンプレートのブログ本文の上(上のテンプレで言うと「FC2クチコミ広告 案件追加のお知らせ!」という最新記事の題名の上の部分空欄)にブログランキングのバナーを貼り付けいています。  このバナーが左に寄ってしまっているので何とか中央に表示させたいと思っていますが、どの部分にtext-align :center;と入れればよいか教えてください。 ちなみにブログ本文の記事は左寄り(text-align : left;)のままにしたいのですが・・・。body部分のtext-align : left;をtext-align : center;に変えたら全体的に中央寄りにできたのですが、記事の中央寄りは読みにくいのでランキングバナー部分のみ中央寄りを希望しています。このような事が可能かどうか、どの部分をどう変えたらできるのか教えてください。  

  • 日本語がインストールされていないPCに向けて

    こんにちは、 日本語/英語同時表記で、サイトを制作中なのですが、例えばCSSのmedia属性のような要領で、日本語がインストールされていないPCだけに向けて、CSSプロパティを指定する、といったことはできるのでしょうか?英語環境だけに対して、日本語webフォントを指定しようと思うのですが。また、日本語webフォントさえ指定すれば、PC自体に日本語インストールされていなくても、きちんと表示されるのでしょうか?ご存じの方、よろしくお願いします。

  • ホームページ上の日本語のフォントはどこで設定変更するの?

    WindowsXP HomeEditon SP2 英語版、ブラウザはIEver7.0を使用しています。 このOSは英語版なので、最初Yahoo Japanなどホームページの日本語の部分が表示せず、日本語の入力もできない状態だったのですが、その問題はMicrosoft Office XPを入れることで、日本語のIMEが入り(これのおかげかはわからない?)、問題が解決しました。 ただ、Yahoo Japanなどホームページの日本語部分のフォントが、日本語版のWindowsXPで見たときと異なり、見にくいフォントになっています。 このフォントはどの設定で変更することができるのでしょうか?

  • HTML、CSS、PHPに便利なテキストエディタは

     今はHTMLとCSSを書くのに「Crescent Eve」というソフトを使っています。  タグを補完してくれたり便利で気に入ってるのですが、残念ながらPHPには対応していないようです。  そこで、HTMLやCSSはもちろん、PHPまで対応しているテキストエディタがあれば良いなと思っているのですが、現段階で一番良いと思えるものがあれば教えていただけませんか?  一番欲しい機能はタグの補完です。  検索してみたのですが、数年前の紹介記事だったり、最近のもので一番良いエディタが何かいまいちわかりません。  よろしくお願いいたします。

  • フォントサイズの設定変更 CSS

    ホームページテンプレート・CSSを個人サイトよりお借りして 作成しております。 CSSで、 * { margin : 0; padding : 0; color : #000; font : normal 10px Verdana; line-height : 200%; letter-spacing : 0.2em; } このような記述があり、ページ全体がここで設定されているフォントサイズ になっています。 ただしある一部分だけ個別にフォントサイズを変更したいのですが、 HTML側に記載してもこのCSSのほうが優先されてしまい 反映しません。 設定する方法は無いのでしょうか?ご回答お願いいたします。

    • ベストアンサー
    • HTML
  • タイトルに日本語と英語

    こんにちは。 ホームページビルダー13を使っています。 ホームページのタイトルに日本語と英語が混ざっています。 日本語は全角で、英語は半角にしています。 そこで問題があります。 英語は半角なので少し日本語の部分よりも小さくなっています。 これを解決するために英語の部分だけ文字の大きさを少し大きくしています。 例えば日本語の部分は20ポイント、英語の部分は21ポイントという風に。 しかしこれだと編集するときに別々にしないといけないので面倒なんです。 その上、英語の部分だけ少し上の方にずれています。 すべて全角だと代表的なフォントの中に英語の形に気に入ったものがありません。 一般的に、タイトルなどに日本語と英語が混在している場合、このように全角と半角を分けたり、大きさを別にしたりするものなのでしょうか? いろんなサイトを見ていますが、大きさがきれいにそろっています。 このあたりのことについてアドバイスをお願いします。 どうぞよろしくお願いします。

専門家に質問してみよう