終了

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

New Here ,
Oct 22, 2017 Oct 22, 2017

リンクをクリップボードにコピー

コピー完了

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

です。

表示

1.8K

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
支持者 ,
Oct 23, 2017 Oct 23, 2017

リンクをクリップボードにコピー

コピー完了

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

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

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

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

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
New Here ,
Oct 23, 2017 Oct 23, 2017

リンクをクリップボードにコピー

コピー完了

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

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

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

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
New Here ,
Oct 13, 2018 Oct 13, 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:」を自分で入れといたほうがいいですね。

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines