スマホブラウザシュミレーションの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が重たくなる原因を減らせます
直にPCにフォントをインストールしても問題ありませんが、今後 色々フォントを扱うのであれば
これらのツールを導入しておいて損はないかと思います
NexusFont はフォントのライセンス管理にも使えて便利です
PR
短縮URL:
COMMENT