スマホブラウザシュミレーションのMobilizer、iBBDemo3でウェブフォントが正しく表示されないんだけどどうしたらいいかの話

PR

実機で確認せずに、PCで手軽にWEBサイトのデザインの確認をするのに使えるのが iBBDemo3とMobilizer
ディティールも実機に近いのでWEBサイトを表示してスクリーンショットを撮ってそれを加工して使うっていうケースも多いと思います

ところが、このMobilizerとiBBDemoはWEBフォントに対応していません
なので、フォントがうまく表示されないのでレイアウトや見た目が変わったりします

でも、PCにそのWEBフォントがインストールされていたらPCのフォントから読み込みますのでPCにWEBフォントをインストールしてやると解決できます

 

PCにWEBフォントをインストールして使うには SkyFonts + NexusFont で簡単管理

SkyFonts

SkyFontsはWEBフォントをダウンロードするためのツールです
GoogleのWEBフォント、fonts.comのWEBフォントを管理できます

GoogleWEBフォントはadobeの無料のwebフォントも取り扱っています

 

SkyFontsを使えば簡単にダウンロードと管理が出来ます

こちらの記事で解説しているので、使い方はこちらで確認ください

 

 

NexusFont

NexusFontはフォントのインストール・アンインストールを管理するソフトです
インストールしなくても、NexusFontを起動するだけでフォントを追加することができるので

必要なときだけこのソフトを起動すればフォントを使えるようになりますので不要なときは読み込まれないのでPCが重たくなる原因を減らせます

NexusFontの使い方はこちらの記事で解説しています

 

直にPCにフォントをインストールしても問題ありませんが、今後 色々フォントを扱うのであれば
これらのツールを導入しておいて損はないかと思います

NexusFont はフォントのライセンス管理にも使えて便利です

PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー