Simplicityの特徴 › フォーラム › 不具合報告 › 常時ssl化にしたらfontawesomeが文字化けした
-
投稿者投稿
-
-
2017年6月20日 3:53 PM #53283
chi
ゲスト高機能のテンプレートをありがとうございます。
サイトリニューアルに伴って、simplicityをカスタマイズして使わせていただいております。
ssl化する前はきちんとfontawesomeの文字も見えておりましたが、ssl化した途端、文字化けしてしまいました。
ソースをみると、fontawesomeの読み込みはhttpsになっており、固定ページや投稿ページも問題なく表示されております。
わいひら様の寝ログを拝見しても文字化けしていたので、simplicityの問題かなと思い、投稿させていただきました。
念のため、.htaccessに
<ifmodule mod_headers.c=””>
<filesmatch “\.(ttf|otf|eot|woff)$”=””>
Header set Access-Control-Allow-Origin “https://www.xxxxx.jp/”
</filesmatch>
</ifmodule>
と表示させたいサイトのurlも記載して試しましたが、うまくいきません。
何か対応策があれば、教えてください。あと、ついでなのですが、モバイルメニューの「サイドバー」の文字を変更することは可能でしょうか?
-
2017年6月20日 4:55 PM #53306
わいひらキーマスターどのブラウザで見ても、当サイトも寝ログも、Font Awesomeは文字化けはしていないようです。
ブラウザは何を使用されているのでしょうか?
あと出来れば、実際のサイトのURLを掲載していただければと思います。ソースコードを見ないと、ちょっと何とも分からないかも(見てもわからない可能性もありますが)。あと、ついでなのですが、モバイルメニューの「サイドバー」の文字を変更することは可能でしょうか?
該当部分のCSSのcontent属性を変更することで可能かと思います。
-
2017年6月21日 5:25 PM #53336
chi
ゲストブラウザはアンドロイドのcromeとPCのfirefox、chromeです。IEはチェックしていないです。
コンソールを見ると
「クロスオリジン要求をブロックしました: 同一生成元ポリシーにより、https://xxxxx.jp/wp-content/themes/template/webfonts/fonts/fontawesome-webfont.woff2?v=4.5.0 にあるリモートリソースの読み込みは拒否されます (理由: CORS ヘッダー ‘Access-Control-Allow-Origin’ が足りない)。」
と表示されています。ネットで調べたクロスブラウザ対策?をしてみたのですが、どうもきいていないようです。
「寝ログ」様の文字化け?はアンドロイドで見た時のモバイルメニューのところだったんですが、先ほどみたらモバイルメニューが表示されなかったので、別のサイトと勘違いしたのかもしれません。
モバイルメニューの文字がcontentを使用されているとは思いませんでした。
無事に変更できました。ありがとうございます。
-
2017年6月21日 5:57 PM #53339
わいひらキーマスター前回も書きましたが、詳しい原因については実際のページをデベロッパーツールで見てみないと、ちょっと何ともいえないかもしれません(見てもわからない可能性もありますが)。
-
2017年6月22日 10:40 AM #53350
chi
ゲストお返事ありがとうございます。
該当のURLをお教えすることができないので、もう少し自分で調べてみることにします。
お手数おかけいたしました。
すばらしいテンプレートを作ってくださり、ありがとうございます!!
-
2017年7月5日 3:10 PM #53669
chi
ゲスト自己解決しましたので、ご連絡を。
.htaccessで、海外からの書き込み拒否をしていたところ、それが原因になっていたようで、.htaccessへの記述の順番を変更したら無事に表示できました。
お騒がせいたしました。
-
2017年7月5日 6:55 PM #53674
わいひらキーマスター解決報告ありがとうございます。
そういった原因だったら、URLを提示していただいても、多分原因がわからなかったかもしれません^^;
とりあえず、うまく表示されたようで良かったです!
-
-
投稿者投稿
- トピック「常時ssl化にしたらfontawesomeが文字化けした」には新しい返信をつけることはできません。