Webフォントをアプリへ実装

Webフォントアプリ

iPhone公式サイトアプリ開発者向けに提供しました。

アプリ実装例(FGラブリー)〜アイコンメモ

アプリ開発者〜http://setoh2000.com/

iPhone用メモアプリ↓
iPhoneアプリ「アイコンメモ」

現在、FGポップ、ラブリー、モダン選択可能↓
iPhoneアプリ「アイコンメモ」

漢字グリフはヒラギノ角ゴProN W3を合体↓
iPhoneアプリ「アイコンメモ」

*FGウェブフォントシリーズは「30〜50KB」と非常に軽量のためWeb経由でもトラフィックに負担をかけません。

Read more...

Wordpress日本語webフォントプラグイン[FGノーマル半角]

NEWFGノーマル半角ウェブフォントWordpressプラグイン

このプラグインはWordpress用の「日本語Webフォント」です。

FGノーマル半角フォントがWebフォントのWordpressプラグインになりました!

特徴

サイト全体を日本語Webフォントに変換するプラグインです。お使いのテーマに合わせてフォント指定する場合は、Wp3.xは「外観→テーマ編集」でテーマCSSを編集するか、Wp4.Xは「外観→Custom CSS Editor」でCSSを追記してください。

管理画面キャプチャー↓

FGBゼロWebフォント管理画面

読み込み速度について

サイトを構成する要素は、画像、テキスト(ソース)が主です。そこにWebフォントが加わるわけですが、フォントグラフィックの日本語Webフォントは漢字以外のグリフをプラグインとして読み込ませる方式で、容量はわずかに70KB程度とテキスト並、画像よりも遥かに軽いため、Webサイトの表示速度にほとんど影響を与えることはありません。

読み込み時間軸

上図は、FGノーマルウェブフォントWordpressプラグインをインストールしたサイトへアクセスした時の読み込み時間軸の例です。ピンクで囲んだ部分がWebフォントプラグインですが、このようにサイト全体の要素に占める割合はごくわずかだというのがおわかりいただけるでしょう。この時は0.027秒しかかかっていません。全体読み込みが2.36秒ですから、サイト全体要素の100分の1しか占めていないことになります。

WordPressへのFGノーマル半角プラグインインストール

http://www.moda-inc.com/news

http://fontgraphic.jp/wordpress/

http://www.buelco.com〜ノーマル&半角混合型

↓購入はこちらのサイトでお願いします。

ウェブフォントファン


利用条件

WebフォントはIPAライセンスではなくフォントグラフィック独自ライセンスとなります。

*サイトの場合はURLの登録が必要です。Webデザイナー、制作会社などが委託として第三者のサイトに実装する場合もURL登録が必要です。

・1アプリにつき、1フォントデータの購入が必要です。

・1サイトにつき、1フォントデータの購入が必要です。

・ユーザーが無断でワードプレスへプラグイン登録申請することはできません。

・再配布及び再販禁止。

・不許複製


任意の書体でのWebフォント化お任せください。

フォントグラフィックオリジナルフォントのほか、デザイナーが作成した文字などオリジナル書体をWebフォント化、およびWordpressプラグイン化するサービスも行っております。フォントをWeb化する場合にはまず第一にライセンスの問題に当たるはずですが、フォント開発ノウハウ豊富なフォントグラフィックにご相談ください。各企業へ独自のWebフォントプログラムを提供しています。

お問い合わせ


WordPressへのインストール例

運営中のワードプレスサイトにインストール。テーマはデフォルトのTwenty Thirteenなどを使用。特にカスタマイズすることもなくメニューの色とヘッダー写真のみ変更し、全体をWebフォントプラグイン。

ラ・エピセ
http://www.moda-inc.com/news/
愛媛県松山市にある銀天街の中にあるzakka store[la・epice]から生まれたオリジナルの雑貨メーカーのBLOGです。FGBノーマル半角を使用しています。

バウダンススタジオ
https://www.vaw-ds.com/
「VAW栄光ハイスクール」の10年間の教育のノウハウとHORIE HARUKIの ダンス業界での30年を超える経験を最大限に生かして完成したダンススタジオのサイト。

祐天寺の美容院アンティリカ
祐天寺の美容院アンティリカ

http://antilica.com/blog/
祐天寺の美容院アンティリカのブログです。FGラブリーを使用しています。

その他、FGBノーマル半角はこのfontgraphic.jpサイト全体に使用しています。

フロップデザインBLOGにもこのプラグインを試験実装中です。〜http://www.flopdesign.com/blog/

Read more...

Wordpress日本語webフォントプラグイン[FGBゼロ]

NEWFGBゼロウェブフォントWordpressプラグイン

このプラグインはWordpress用の「日本語Webフォント」です。

FGゼロフォントシリーズがWebフォントのWordpressプラグインになりました!

特徴

サイト全体を日本語Webフォントに変換するプラグインです。お使いのテーマに合わせてフォント指定する場合は、Wp3.xは「外観→テーマ編集」でテーマCSSを編集するか、Wp4.Xは「外観→Custom CSS Editor」でCSSを追記してください。

管理画面キャプチャー↓

FGBゼロWebフォント管理画面

WordPressプラグイン

「WordPress日本語サイトのためのWebフォントプラグインです。

FGノーマル半角フォントがWebフォントのWordpressプラグインになりました!Wordpressでは一般的に日本語フォントを変更するにはユーザー側のパソコンにインストールしてあるシステムフォントで指定するしか方法がありませんが、このプラグインはwordpressでフォントグラフィックオリジナルの日本ウェブフォントで指定する画期的なプラグインです。

サイト全体をWebフォントに変換します。WordPressデフォルトテーマの、「TwentyThrteen」や「TwentyFourteen」用にスタイル指定しています。お使いのテーマに合わせて調整する場合は、プラグイン→編集→「example.css」を編集してください。

読み込み速度について

サイトを構成する要素は、画像、テキスト(ソース)が主です。そこにWebフォントが加わるわけですが、フォントグラフィックの日本語Webフォントは漢字以外のグリフをプラグインとして読み込ませる方式で、容量はわずかに70KB程度とテキスト並、画像よりも遥かに軽いため、Webサイトの表示速度にほとんど影響を与えることはありません。

読み込み時間軸

上図は、FGノーマルウェブフォントWordpressプラグインをインストールしたサイトへアクセスした時の読み込み時間軸の例です。ピンクで囲んだ部分がWebフォントプラグインですが、このようにサイト全体の要素に占める割合はごくわずかだというのがおわかりいただけるでしょう。この時は0.027秒しかかかっていません。全体読み込みが2.36秒ですから、サイト全体要素の100分の1しか占めていないことになります。

料金について

初期費用や月々の利用料はかかりません。1サイト(ドメイン)につき、1プラグインの購入が必要です。

1ワードプレスサイトにつき¥2,000円で販売中。

↓購入はこちらのサイトでお願いします。

ウェブフォントファン


利用条件

WebフォントはIPAライセンスではなくフォントグラフィック独自ライセンスとなります。

*サイトの場合はURLの登録が必要です。Webデザイナー、制作会社などが委託として第三者のサイトに実装する場合もURL登録が必要です。

・1アプリにつき、1フォントデータの購入が必要です。

・1サイトにつき、1フォントデータの購入が必要です。

・ユーザーが無断でワードプレスへプラグイン登録申請することはできません。

・再配布及び再販禁止。

・不許複製


任意の書体でのWebフォント化お任せください。

フォントグラフィックオリジナルフォントのほか、デザイナーが作成した文字などオリジナル書体をWebフォント化、およびWordpressプラグイン化するサービスも行っております。フォントをWeb化する場合にはまず第一にライセンスの問題に当たるはずですが、フォント開発ノウハウ豊富なフォントグラフィックにご相談ください。各企業へ独自のWebフォントプログラムを提供しています。

お問い合わせ


WordPressへのインストール例

運営中のワードプレスサイトにインストール。テーマはデフォルトのTwenty Thirteenなどを使用。特にカスタマイズすることもなくメニューの色とヘッダー写真のみ変更し、全体をWebフォントプラグイン。

ラ・エピセ
http://www.moda-inc.com/news/
愛媛県松山市にある銀天街の中にあるzakka store[la・epice]から生まれたオリジナルの雑貨メーカーのBLOGです。FGゼロを使用しています。

バウダンススタジオ
https://www.vaw-ds.com/
「VAW栄光ハイスクール」の10年間の教育のノウハウとHORIE HARUKIの ダンス業界での30年を超える経験を最大限に生かして完成したダンススタジオのサイト。

祐天寺の美容院アンティリカ
祐天寺の美容院アンティリカ

http://antilica.com/blog/
祐天寺の美容院アンティリカのブログです。FGラブリーを使用しています。

その他、FGBノーマル半角はこのfontgraphic.jpサイト全体に使用しています。

フロップデザインBLOGにもこのプラグインを試験実装中です。〜http://www.flopdesign.com/blog/

Read more...

WordPressプラグイン

ワードプレスサイト

いくつか作っているワードプレスサイトにインストール。テーマはほぼデフォルト使用。特にカスタマイズすることもなくメニューの色とヘッダー写真のみ変更し、全体をWebフォントプラグイン。

ラ・エピセ
デフォルトテーマTwentyForteen使用。愛媛県松山市にある銀天街の中にあるzakka store[la・epice]から生まれたオリジナルの雑貨メーカーのBLOGです。営業日はGoogleカレンダー使用のためGoogle側で管理。主にスマホでの見え方を中心に設定中。本体はBootstrapベースのJoomla!です。

バウダンススタジオ
デフォルトテーマTwentyTherteen使用。「VAW栄光ハイスクール」の10年間の教育のノウハウとHORIE HARUKIの ダンス業界での30年を超える経験を最大限に生かして完成したダンススタジオのBLOGです。本体はBootstrapベースのJoomla!です。

祐天寺の美容院アンティリカ
http://blog.antilica.com/
グリッドレイアウトテーマベースに日本語最適化カスタマイズ。祐天寺の美容院アンティリカのブログです。

ヴァンケット動物病院
http://www.banquet-tokyo.jp/blog/
デフォルトテーマTwentyTherteen使用。ヴァンケット動物病院のブログです。本体はBootstrapベースのJoomla!です。

フロップデザインのBLOG
http://flopdesign.com/blog
フロップデザインのブログです。こちらのサイトはfontgraphicとflopdesignの協同製作で、FLOPDESIGNフォントをWebプラグイン化しています。本体サイトは会員制のためJoomla!です。本体にはさらに複雑なWebフォントの仕組みを入れてます。

Read more...
Subscribe to this RSS feed

ログイン or 会員登録

登録前に「よくある質問サイト利用規約フォント利用規約ページを熟読ください。登録者は全ての規約に同意したものとみなします。

fontgraphic.jpからのメールを受信できる設定にしてから登録してください。