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...

FGBゼロガリ

FGBゼロガリフォント

一時、購入をSTOPしていましたが、お問い合わせをいただいたため買えるようにしました。

FGBゼロガリフォント

FGBゼロベースに機械的にガリらせました。

FGBゼロガリフォント

ガリり度合いは3段階。ガリ、ガリガリ、ガリガリガリ。

FGBゼロガリフォント

いまだかつてこんなにも読みにくい文字はあったでしょうか?迫力を出したい時、不気味な雰囲気、崩壊した感じ、力強い感じ、辛いイメージ、ダーティな感じなどあなたのデザインスタイルに合わせて適宜お使いいただけます。

本文組み見本

FGBゼロガリPDF字組み見本FGBゼロガリPDF見本

FGBゼロガリガリPDF字組み見本FGBゼロガリガリPDF見本

FGBゼロガリガリガリPDF字組み見本FGBゼロガリガリガリPDF見本FGBゼロガリガリガリPDF擬音見本


FGBゼロガリはECサイトでダウンロード購入できます。

Read more...

FGポテ(配布終了)

FGポテ明・ゴ フォント

ぽてっとした文字シリーズ

2016.01.06/お知らせ:句読点が真ん中にあるFGポテシリーズはフリーフォントとしての配布を終了しました。

ポテっとしたフォントに新たなバリエーションが4書体増えました!

句読点「、」「。」が正常な位置にあるフォント、仮名が明朝漢字がゴシックのポテミックス、特太ゴシックは発売中の「続・和文フリーフォント集 」に収録しています↓。

画像
FGポテ明、ポテミックス

画像
FGポテゴボールド、ポテゴ


Read more...

FGBゼロコミック

FGBゼロコミックフォント

一時、購入をSTOPしていましたが、お問い合わせをいただいたため買えるようにしました。

FGBゼロコミックフォント

FGBゼロ丸ゴシックがなんとコミック風になりました。図のように擬音として使えるようにしました。ロゴなどにもよいかもしれません。カタカナだけのこうしたフォントは見た事あるかもしれませんが、第二水準まで揃ったフォントは非常に珍しいでしょう。当初フリーフォントとして配布しましたが、有料化し一定期間経過後終了させていただきました。しかし何件かお問い合わせいただいたため再び販売開始。また、終了するかもしれませんので必要な方はお早めにお買い求めください。

FGBゼロコミックフォント

FGBゼロコミックフォント


PDF字組み見本PDF擬音見本


フォントは外部ECサイトでダウンロード購入できます。JIS漢字第二水準まで入っているのにもかかわらずわずか1,000円というありえない安さです。

Read more...

FGBゼロ丸・ライン

FGBゼロ丸・ラインフォント

グリフ外側+墨溜まり部分にも微妙な円弧を描く丸ゴシックと袋文字のフォントです。

FGBゼロ丸フォント

ゼロ戦の機体をさらに忠実に再現したフォント、その名もFGBゼロ丸。零のなめらかな翼の曲線をフォントのデザインに凝縮させました。漢字も適度に丸みを帯び、普通の丸ゴシックとはまた違った前例のない緩やかなグリフ曲線を描いた美しい仕上がりとなっています。

FGBゼロラインフォント

ゼロ丸のデザインはそのままに袋文字タイプになっています。

FGBゼロ丸フォント

FGBゼロ丸フォント

FGBゼロラインフォント

FGBゼロラインフォント


ハンカタ漢字

FGBゼロ丸OTFは半角カタカナに特徴があります。2〜3文字づつ組み合わせることにより、漢字、或は ハングル文字のような一見すると意味不明な文字ですが目が慣れてくると読めるようになる新しい日本語漢字です。半角カタカナ、ハングル風でもあるところから「ハンカタ漢字」と名付けました。

FGBゼロ丸で名刺

↓歴史上の人物名を名刺にした例です。

カタ漢字
カタ漢字

↓歴史上の人物やタレントなどの名前の例です。

FGBゼロ丸でタレントなどの名前を表示

PDFはご購入いただいたフォントデータに同梱しています。

FGBゼロ丸でタレントなどの名前を表示

なぜ、このように規則正しく揃うのか秘密はこのFGBゼロシリーズの基本骨格にあります。欧文のベースラインや、仮名の種類によって横のラインがすべて揃うように作っているからです↓

FGBゼロ丸ベースライン


このフォントを使った活(凸)版印刷の様子を公開中です。ぜひご覧ください。
テキンで活(凸)版印刷中

FGBゼロ丸・ラインフォントOTFは有料です。

購入前にPDF字組み見本で十分にご確認ください。

FGBゼロ丸PDF字組見本FGBゼロラインPDF字組見本

OSXのJISキーボード環境での日本円の通貨単位「¥」の入力について

WindowsやOSXのUSキーボードでは標準設定で入力可能ですが、OSXのJISキーボードをお使いの方はことえり環境設定で次のように設定してください。

  1. 画面右上、黒地で白文字の「A」英字を選択
  2. 「環境設定を表示」を選択
  3. 「入力文字」の「JISキーボードの¥キーで入力する文字」を「バックスラッシュ」に変更

FGBゼロゴシック・FGBゼロ丸・FGBゼロ丸ラインの3書体セット販売になります。

*過去に2つお買い求めいただいたお客様へは希望の方へは返金させていただきました。

FGBゼロゴシックをお買い求めいただければ3書体ご案内いたします。

FGBゼロゴシック

Read more...

FGBウルトラゴシック

FGBウルトラフォント

FGBウルトラフォント

ひらがな、カタカナの特徴

ゴシックでありながら明朝体のようなセリフを持つフォントです。あのウルトラマンのロゴにちょっと近い感じなフォント。正方形ではなくやや縦長なフォントです。フォトショップやイラレなどのグラフィックソフトで縁文字処理をすると骨のような形になるという一風変わったデザインとなっています。基本骨骼はFGBゼロゴシック同様です。

このフォントは終了しました。

2015年10月16日、同コンセプトの新シリーズ、「FGジョーカー」として、続・和文フリーフォント集書籍に収録しました!

アマゾンはこちら→続・和文フリーフォント集

ウルトラゴシック系列の袋文字タイプはこちらの記事をご覧下さい。

FGBウルトラフォント横組み見本

FGBウルトラフォント縦組み見本


印字の特徴

名刺用、活版印刷(凸版)用途を考慮しています。英文字のCopperplate Gothic的なデザインを更に内側に凹みを持たせたのが大きな特徴です。ゴシック体ですが、微妙に長体をかけ、明朝体のようなセリフ(爪)を持っています。

この文字の内側のセリフは印刷した時にスミ溜まりしにくく、文字のつぶれ防止の役割も果たしています↓

FGBウルトラフォント印刷

イラストレーターなどで縁文字処理をした場合、骨のようなデザインになるのが特徴です↓

FGBウルトラフォント印刷

フォントは外部ECサイトでダウンロード購入できます

Read more...
Subscribe to this RSS feed

ログイン or 会員登録

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

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