Fonts In Use – Type at work in the real world.
Advertising (1830) Album Art (3527) Art/Illustration (462) Booklets/Pamphlets (2026) Books (5572) Branding/Identity (6907) Ephemera (1062) Exhibition/Installation (935) Film/Video (887) Infographics/Maps (487) Magazines/Periodicals (1641) Mobile/Tablet (766) Newspapers (255) Object/Product (958) Packaging (2043) Posters/Flyers (4846) Signs (1851) Software/Apps (285) Web (4689) Acumin (54) Adobe Ca
iPhone4(iOS4.1)とiPad(iOS3.2.2)にデフォルトでインストールされているフォントの比較表 - Web Research Laboratory
iPhone4(iOS4.1)とiPad(iOS3.2.2)にデフォルトでインストールされているフォントの比較表を作りました。 ファミリー Postscript名 フルネーム スタイル iPhone (iOS4.1) iPad (iOS3.2.2) Academy Engraved LET AcademyEngravedLetPlain Academy Engraved LET Plain:1.0 Plain ✓ American Typewriter AmericanTypewriter American Typewriter Regular ✓ ✓ AmericanTypewriter-Bold American Typewriter Bold Bold ✓ ✓ AppleGothic AppleGothic AppleGothic Regular Regular ✓ ✓ Arial
FitText - A plugin for inflating web type
A jQuery plugin for inflating web type Download on Github FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element. Oh, and don't you dare let us catch you using FitText on paragraph text. This is for gigantic display text only!
Novarese のイタリック大文字 | デザインの現場 小林章の「タイプディレクターの眼」
うちの長男が習っているチェロの先生の呼びかけで、生徒が東日本大震災の義援金のためのチャリティ・コンサートを開くことに。楽譜をきのう買ってきて、いまちょうど自分の部屋で練習を始めたところです。 買ってきた楽譜をけさ見たら、へー、珍しいな、というフォントが使われていたので写真を撮っておきました。このフォント、小文字がイタリック体なのに、大文字はまっすぐ立っています。 これは、イタリアの巨匠アルド・ノバレーゼ（1920-1995）が自分の名前を冠した ITC Novarese （ノバレーゼ）です。このフォントは、イタリック体でも大文字が垂直です。意図的にそうしている。 だからこのフォント ITC Novarese はそういうクラシックな感じを狙っているんです。いわば、「通好み」なフォント。 このフォントとまったく同じではありませんが、映画のタイトルバックでもこういう感じの組み方をしたのがあります
フォントブログ
フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ
)
HTMLで文字詰めするタイポグラフィー用JS | fladdict
HTMLのテキストに対して、文字詰めを行えるスクリプト FLAutoKerningクラスを作ってみた。サンプルはこちら。zipも。 スクリプト内に任意のカーニングペアを定義することによって、ブログのタイトル等のテキストに字詰めを行ってくれるスクリプトです。なんか探しても見つからなかったので自分でやってみた。いちおう朗文堂の新宿私塾に行ったわけだし、僕もなんか成果物作らんとなぁ。。。的に。 実行はとても簡単。jQueryと一緒にhtmlにロードして、 FLAutoKerning.process($(‘h1′)); FLAutoKerning.process($(‘h2′)); FLAutoKerning.process($(‘h3′)); といった具合に、適用したhtml要素を一括していしてやるだけ。カーニング情報の定義も、FLAutoKerningクラスの頭に、下のようにem単位で定義する
フォントブログ
フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ
Typotheque Webfonts: Use custom fonts for beautiful web typography
Fine Typography on the Web Typotheque was the first type foundry to introduce the concept of webfonts, and we continue to lead the industry to this day. Our webfont service is fast, reliable and simple to use, and of course provides support for a vast range of languages. We offer two webfont solutions: Hosted Webfonts A simple and affordable webfont solution for small sites. The system generates C
[CSS]text-shadowでここまでできる、かっこいいエフェクト集
text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de; レタープレスのテキストエフェクト
「文字の手帖01」をApp Storeで
「文字の手帖01」 デジタルフォントの開発・販売をしているモリサワが、ついに書体関連アプリをリリースしました! 「文字の手帖01」は、デザインをお仕事とされている方はもちろん、文字に興味がある人、グラフィックやデザインを勉強する方々、書体にこだわりたい人など、色々な人に使って欲しいアプリケーションです。 見て、調べて、遊べる3つのコンテンツで書体の知識の幅を広げませんか。 〈コンテンツ〉 「書体見本帳」:400を超えるモリサワ書体見本をiPhone上で確認できます。 「Morisawa Font Dictionary」:フォントに関する用語をわかりやすくまとめた辞書です。 「文字あわせ」:書体を使った神経衰弱のミニゲームです。モリサワの代表的な書体の形に楽しく触れていただけます。 『書体見本帳』 iPhoneの画面サイズにあわせた書体見本です。 【使い方】 1) カード状に並べられた書体を
CSSを使ってどのブラウザでもフォントサイズを「％」で統一させる方法 | colori
CSSによるフォントサイズの指定は「font-size」属性を使って簡単に設定することができますが、ピクセル指定などの絶対的サイズで統一する方法にくらべて非常にやっかいなのが、相対的なサイズによるサイズの統一です。 ブラウザによって異なる、フォントサイズの境界 例えば「font-size:70%」というふうに指定して、Internet Explorer 6とFirefox2.0で見てみたページが以下のようなものです。 ※ページはxmlタグつきのXHTML1.0 Strictで作成、つまりInternet Explorer6は下位互換モードで表示されていますが、標準モードでも同じサイズで表示されます。 あきらかにFirefoxで表示されたページのフォントサイズが小さくなっていることがわかります。 このように、フォントをパーセント指定した場合は、その数値によってフォントサイズを規定する境界に微
澤田善彦 著作集
★ フォント千夜一夜物語 ★ ○その1 デジタルプリプレスの黎明 ○その2 写植フォントのオープン化（1） ○その3 写植フォントのオープン化（2） ○その4 写植フントのオープン化（3） ○その5 フォント戦争の幕開け（1） ○その6 フォント戦争の幕開け（2） ○その7 ポストスクリプト・クローンフォントの登場 ○その8 Macシステム7とTrueType ○その9 Mac OS漢字Talk 7.1とTrueTypeの登場 ○その10 Windows 3.0とWIFEフォントの登場 ○その11 Windows 3.1とTrueType ○その12 平成フォント誕生物語 ○その13 平成フォント誕生物語（2） ○その14 平成フォント誕生物語（3） ○その15 平成フォント誕生物語（4）─フォント千夜一夜物語（15） ○その16 フォント関連の知的財産権（1）─フォント千夜一夜物語（16
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Prototyp-0 / Font Generator [Processing]![Prototyp-0 / Font Generator [Processing]](https://cdn-ak-scissors.b.st-hatena.com/image/square/90307ae5607c2497ef258e19c9ac5defb8c668ef/height=288;version=1;width=512/https%3A%2F%2Fwww.creativeapplications.net%2Fwp-content%2Fuploads%2F2011%2F06%2Fprototyp-0.png)
SymbolAssist: A Categorized Unicode Character Map
Glyphs
Typotheque: Arabic Calligraphy and Type Design article on Typotheque by Kristyan Sarkis
Font comparer
-webkit-font-smoothing
.bmap
Fontspring. Worry-Free fonts for everyone.
