発生している問題
HTMLで簡易的なwebサイトを開発してFirebaseのhostingで公開したところ、日本語のみ文字化けが起きてしまいます。ローカル環境では日本語も正常に表示されるのですが...。
改善方法を教えていただけたら幸いです。
環境
OS:windows10
開発環境:visual studio code
文字コード:UTF-8
ブラウザ:google chrome
該当のソースコード
【index.html】
<!DOCTYPE html> <html lang="ja"> <head> <mate http-equiv="content-type" charset="utf-8"/> <title>太郎のポートサイトフォリオ</title> <link rel="icon" href="favicon.ico"> <mate name="description" content="太郎のポートフォリオサイトです"></mate> <link rel="stylesheet" href="stylesheet.css"> </head> <body> <!-- header --> <header> <!-- ol:(o)rdered (l)ist ul: (u)nordered (l)ist li: (l)ist (i)tem --> <nav> <ul> <li class="current"> <a href="index.html"> HOME </a> </li> <li> <a href="about.html"> ABOUT </a> </li> </ul> </nav> </header></body> </html><section> <img src="./img/taro.png" width="140" height="140" alt="太郎のアイコン" class="icon"> <h1>山田太郎</h1> <p>UI/UXデザイナー見習いです</p> <div class="works"> <section> <img src="./img/work1.png" width="400" height="260" alt="勇者ゲーム"> <h1>勇者ゲーム</h1> <p>楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。 楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。 楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。</p> </section> <section> <img src="./img/work2.png" width="400" height="260" alt="宝探しゲーム"> <h1>宝探しゲーム</h1> <p>楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。 楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。 楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。</p> </section> <section> <img src="./img/work3.png" width="400" height="260" alt="神経衰弱"> <h1>神経衰弱</h1> <p>楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。 楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。 楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。</p> </section> </div> </section> <footer> <ul> <li> <a href="mailto:taguchi@gmail.com" target="_blank"> <img src="./img/mail.png" width="20" height="20" alt="メール送信"> </a> </li> <li> <a href="http://dotinstall.com" target="_blank"> <img src="./img/blog.png" width="20" height="20" alt="ブログサイトへ"> </a> </li> <li> <a href="http://dotinstall.com" target="_blank"> <img src="./img/photos.png" width="20" height="20" alt="写真サイトへ"> </a> </li> </ul> </ul> <p>(c) Taro Yamada</p> </footer>
【firebase.json】
{
"hosting": {
"public": "public",
"ignore": [
"firebase.json",
"/.*",
"/node_modules/"
],
"headers": [ {
"source" : "/@(saga3|bbb_memo|pe_memo|smbmap)//*.html",
"headers" : [ {
"key" : "Content-Type",
"value" : "text/html; charset=utf=8"
} ]
} ]
}
}
試したこと
・<mate>内のcharsetをutf-8に設定した。
・firebase.jsonを以下の通り(ソースコード参照)書き換えた。
・上を試した後、ブラウザのキャッシュを削除して再読み込みをした。
補足情報(FW/ツールのバージョンなど)
公開した問題のwebサイトURL→https://myportfolioproject-84b29.firebaseapp.com/
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/04/20 00:27
2019/04/20 03:41
2019/04/20 06:55