リンクをクリップボードにコピー
コピー完了
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
です。
リンクをクリップボードにコピー
コピー完了
私の環境でも不具合が確認できました。Windows、Mac、いずれでも同様のようです。
ひとつの回避策としまして、「環境設定」の「リアルタイムプレビュー」カテゴリにある
「一時ファイルを使用してプレビュー」にチェックを入れることで正しく表示できることが確認できました。
どうもCSSファイル内のフォントパスの情報を正しくブラウザに渡せていないように思うのですが、原因がよく分かりません。仰るように、以前は問題なかったような気がしますが、私自身ちょっと記憶が曖昧です。
リンクをクリップボードにコピー
コピー完了
アドバイス頂き有り難うございます!
ご指示通り、表示されるようになりました!
アップデートすると前バージョンと比較出来ないのがツラいですが、助かりましたm(_ _)m
リンクをクリップボードにコピー
コピー完了
例として、
@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:」を自分で入れといたほうがいいですね。