WebWedge.jpg

phpとかJSとか適当に書いています。

HTML/Javascriptでフォントブラウザをつくったよ

banner_fontwedge

フォントブラウザ作ったよ第二弾。
前作のフォントブラウザはフォントリストの中から任意のフォントを選んで並べて見比べられる、という点をコンセプトに作ったんだけど、やっぱ書体自体の形から見比べられる方がいいよね、ということでこういう感じにリメイクしてみたわけです。

fontwedge2

任意のフォントをクリックするとピンが打たれます。
右側のピンアイコンpin_cyanをクリックするとピンを打ったフォントの一覧が表示されるので、気に入ったフォントはざっくりピンを打っておいて、あとから最終的に使用したいフォントをセレクトすることができます。

fontwedge3

フォントブラウザ、FONT WEDGEはこちらから
banner_fontwedge

Google Chromeでモリサワなどのfont-familyが適用されない場合

chrome://flags/ から【DirectWrite を無効にする】の項目を有効にすると書体が適用されるようになります。

flags

Categories

FONT WEDGE, fontbrowser, つくったよ

COMMENTS

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です