yuheijotaki.com

Fonts.com Webフォント 導入

用があって Fonts.com のWEBフォントをちょっと試してみました
無料アカウントだとAXISなど基本日本語フォントは使えないらしく、とりあえずFrutiger Neueでやってみます

 

◯手順

  • Fonts.comサイトで会員登録。左上のナビから「会員登録」でメールアドレス、パスワードを入力
  • 登録完了。(メール来る。)
  • 「新規WEBフォントプロジェクトを作成」へ。新規プロジェクトを作成。
  • 使いたいフォントのページへ。「WEBフォント」を選び、プロジェクトに追加。
  • プロジェクトの詳細から、「ドメインの追加とと編集」、「CSSセレクタの追加と編集」を入力。
  • 「プロジェクトを公開」を選択。
  • 「公開オプション」からJSとCSSをコピー。
  • サイトのソースに貼り付け。

手順はやり方によって前後するかもです

 

デモ

 

無料版は1プロジェクト(1サイト)のみ。

 

いきなり英語出てきたり、日本語変だったりもしますが、思ったよりスムーズでした。
ちょっと表示時にちらつきがあり、セルフホスティングだーSKYFONTSだーあるので、もう少しいろいろ調べないと
日本語の場合もどんだけ重いのかやってみらんとわからんぞい

 

◯参考