Skip to main content
尻丸出 雲國斎
Participant
October 23, 2017
Question

リアルタイムプレビュー時のFont Awesomeの文字化け

  • October 23, 2017
  • 3 replies
  • 2008 views

Dreamweaver CC 2018のリアルタイムプレビューを使用した際に

Font Awesomeが文字化け(□文字)して表示されます。

WEB上では問題無く表示されているから、良いと言えば良いんですが、

確か2017の時にはそうはならなかったように記憶しています。

アップロード前に表示確認していたので間違い無いです。

Safari、Chrome、Firefox、さらにはSleipnirでも確認済みです。

使用しているシステムは

El Capitan MacPro Early 2009 3.32 GHz 12GB ATI Radeon HD 5770 1024MB

と

High Sierra iMac Mid 2011 2.7GHz 16GB AMD Radeon HD 6770M 512MB

です。

This topic is closed to new replies. Start a new post to keep the conversation going.

3 replies

Participant
October 14, 2018

例として、

@import url(//use.fontawesome.com/releases/v5.3.1/css/all.css);

だとDreamweaverは判断してくれず、

@import url(https://use.fontawesome.com/releases/v5.3.1/css/all.css);

とすると正しいフォントが表示されます。

他のCDNでも同様です。

省略されているものには、「https:」を自分で入れといたほうがいいですね。

Inspiring
October 23, 2017

私の環境でも不具合が確認できました。Windows、Mac、いずれでも同様のようです。

ひとつの回避策としまして、「環境設定」の「リアルタイムプレビュー」カテゴリにある

「一時ファイルを使用してプレビュー」にチェックを入れることで正しく表示できることが確認できました。

どうもCSSファイル内のフォントパスの情報を正しくブラウザに渡せていないように思うのですが、原因がよく分かりません。仰るように、以前は問題なかったような気がしますが、私自身ちょっと記憶が曖昧です。

尻丸出 雲國斎
Participant
October 24, 2017

アドバイス頂き有り難うございます!

ご指示通り、表示されるようになりました!

アップデートすると前バージョンと比較出来ないのがツラいですが、助かりましたm(_ _)m