【jQuery】追加した文字列にWebフォントを適用する

JSで追加した文字列にはWebフォントが効かない

JSONから呼出したテキストを表示させたら、フォントがおかしくなってしまいました。
ページ読み込み時に存在している文字列だけ、フォントを取得する仕組みのためです。

解決するためにはWebフォントサービスが提供しているAPIを利用します。
今回はFONTPLUSを利用していたので下記のようにしました。

サンプル

$.ajax({
  url: 'sample.json',
})
.done(function (data) {
  // JSON整形処理

  FONTPLUS.reload(); //フォントの再読込み
});

TypeSquareの場合は7行目を Ts.reload(); で出来るようです。
Typekitは未確認ですが Typekit.load(); で出来そうです。

Writer

ko

KO

誕生日に会社のみんなから『世界文学全集』をプレゼントしてもらった読書好きフロントエンド・エンジニアです。WordPressとMovableTypeが得意ですが、本当の特技は薪割りです。

Contact

ご提案依頼、ご相談、お見積もりなど
お気軽にお問合わせください。

03-6303-9671

平日 10:00~19:00

「Web制作について」とお伝え頂ければ
担当者に取次させていただきます。

Mailform

contact@trym.jp
でも受け付けております。