タイポグラフィが読者を驚かせる本の表紙について / ウェブデザインライブラリー
投稿日：2014年2月7日 このチュートリアルでは、タイポグラフィが読者を驚かせる本の表紙のデザイン集をご紹介します。 Step1 ： はじめに Step2 ： デザイン集 タイポグラフィのコンセプトは広範に渡ります。 以前の記事では、ウェブデザインは95％がタイポグラフィだと説明しましたが、タイポグラフィはウェブだけに当てはまるわけではありません。 本の印刷は500年前にさかのぼります！ その間ずっと、タイポグラフィは年代記、書籍、雑誌、新聞などに息づいています。 しかし、変化の激しい現代に本の印刷の人気がないのは、本をオンラインで購入してコンピュータやiPadで読む方が簡単だからです。 そこで出版社は読者を驚かせるクリエイティブな表紙を作ることにしました。 今回は、クールなタイポグラフィを使った見逃せない本の表紙を紹介します。 スクロールしてシェアボタンを押してください。 Fall i
グラデーションとテキスト・シャドウによるリンクの下線
Crafting link underlines on Medium などで紹介されている、リンクの下線をグラデーションの背景とテキスト・シャドウで表現する手法をこのサイトでも試してみました。やろうとしているのは、下線の色、位置、サイズのコントロールと、ディセンダーと直接まじわらずグリフをまたぎ越すような表現。 a { background: linear-gradient(#e00000 50%, transparent 50%) 0 1.25em repeat-x; background-size: 1px 2px; text-shadow: 0 1px white, 0 -1px white, 1px 0 white, 1px 1px white, 1px -1px white, -1px 0 white, -1px 1px white, -1px -1px white; } @me
少女と活字 プラチナ・コレクション – 平均律 / HEIKINRITSU
少女と活字 プラチナ・コレクション 2003年に発行した欧文書体（欧文フォント）の擬人化本「少女と活字」を、10年ぶりに大幅リニューアルした新版です。 16の有名な欧文書体たちを、 女の子のイメージに投影しつつ解説した本。 〈 リニューアルの内容 〉 すべてのイラストを新規に描きおろし すべての書体（少女たち）の解説文を英訳し、 「その書体自身で組んだ」英文による組見本を収録 新たに3つの書体「Frutiger」「Shelley」「Trajan」を収録 特に2の 英文組見本 は、再版するならぜひとも入れたかったものです。その書体で組んだ版面から香り立つイメージこそが、僕が彼女たちを描く原動力でした。ぜひ、絵と合わせてご覧ください。 追記：『日本タイポグラフィ年鑑2015』の研究・実験部門に『少女と活字』を掲載していただきました。このような形で評価いただき、とても嬉しいです。
チョコレートと活字の意外な関係 | デザインの現場 小林章の「タイプディレクターの眼」
別のホウロウ看板の本にも、Fry's チョコレート屋さんのがあります。イギリスではけっこう有名だったらしい。 調べたら、ワットの蒸気機関を使ってカカオ豆をひくのを始めたのは、ここの３代目が世界で最初だそうです。そのチョコレート屋さんの創始者は Joseph Fry (1728–1787)で、ブリストルでチョコレート屋さんを立ち上げていますが、そのあとで活字鋳造所も始めます。 そこの1785年の書体見本シート。 「This is the smallest letter in the world」って誇らしげに書いてある。Diamond というのは書体名ではなく、「ポイント」という単位でシステム化される前の、昔の活字サイズの呼び名です。約 4.5 ポイント相当。この見本を出した当時は世界一だったかもしれませんが、あとでもっと小さいのが出てきます。 ここの鋳造所のつくった装飾活字で、良いのがあり
Football Type | A non-profit book celebrating football and typography | Products Currently Using Football Typography: Diet Standards Prenatal DHA - Secret Bouquet Rose Toy - Coconut Air Car Air Purifier
Football Type Book Football Type is an award-winning, non profit book celebrating football and typography. The book is a limited edition of 1000 with each bespoke cover hand numbered using official FAPL lettering. 100% of the profits went to the Football Foundation. On the website customers could choose their personalised number. The book has been exhibited all around the world and was featured on
のらもじ発見プロジェクト
古い町並みには、洗練されていないけれど個性的で味のある文字がたくさんあります。このプロジェクトは、そんなステキな文字たちを「のらもじ」と名付け、それを 発見 → 分析 → フォント化 を進めていく活動です。フォントはインストールしてお使い頂けます。 We can find a lot of font in old towns. Those may not be so sophisticated but has unique charm. In this project, we named such characters “NORAMOJI”. We aim to “Find > Analyze > Reproduce” them. Users can intall and use the font.
Taking Type to the Next Level with Alternate Characters
Are you sick of your type looking plain and boring? Many OpenType fonts have alternate characters built into them that can transform your type into a beautiful piece of art. By using these alternate characters you can add things like flourishes and flair to your type with ease. Some type faces have alternate characters that can help out with legibility at smaller sizes. Even some handwritten fonts
XeTeX - TeX Wiki
fontconfig † XeTeX はシステムが認識する OpenType フォントをそのまま使える。 XeTeX で使えるフォントは OS が認識しているものと言うより，fontconfig が認識して いるものと言ったほうが正確である。 XeTeX は次のようなフォントの指定法が可能である。 [FontFileName:FaceIndex]:features fontconfig とは無関係に， Kpathsearch が見つけることができるところにある “Uninstalled fonts” を native fonts として使用することもできるようになっている。 例えば \font\x="[msmincho.ttc:1]:mapping=tex-text,color=0000FF" at 12pt は \font\x="MS PMincho:mapping=tex-text,c
「スラッシュを用いた分数」の仕様変更 - 帰ってきた💫Unicode刑事〔デカ〕リターンズ
Adobe-Japan1フォントには、分数に関して4つのスタイルが用意されている。下図は「1/2」を例としたもの。3番目の「斜め型・グリフの動的合成」以外については、前回のエントリでも触れた。 OpenTypeフォントには、分数に関するフィーチャとして、'afrc'（分数）、'frac'（スラッシュを用いた分数）、'numr'（分子）、'dnom'（分母）がある。Proフォントでは、これらのフィーチャによる置換結果は、各スタイルと下図のように対応する。 一方、Mac OS X 10.5以降に付属するヒラギノProNやAdobe CS4に付属する小塚Pr6Nなどでは、'frac'（スラッシュを用いた分数）の仕様が、下図のように変更されている。常識的に考えてJISの例示字形と'frac'の仕様は関係なさそうなので、たぶん単純にヒラギノProNや小塚Pr6Nのほうが新仕様なのだろう。 旧仕様のフ
font-feature-settingsプロパティ - CSS3
font-feature-settingsは、OpenTypeフォント機能の利用について、有効/無効を指定するプロパティです。値として、4文字からなるOpenTypeフォントの機能タグと、有効/無効を示す値の組み合わせで指定します。機能タグは、大文字小文字が区別されます。有効/無効を示す値としては、以下のいずれかで設定できます。 ・0（機能は無効）/ 1（機能は有効） ・OFF（機能は無効）/ ON（機能は有効） ・機能について選択用の値がある場合には「1」以上の値で選択を示すことができる ・省略した場合は「1」が指定したと見なされる 機能タグと有効/無効を示す値は半角スペースで区切り、値の組み合わせを複数指定する場合はカンマで区切ります。 font-feature-settingsが対象としているOpenTypeフォントの各機能は、font-variantの各サブプロパティで規定される、
)
OpenType フォントの機能
ここでは、Windows Presentation Foundation (WPF) の OpenType® フォント技術のいくつかの重要な機能の概要について説明します。 このトピックには次のセクションが含まれています。 OpenType フォント形式 バリアント 大文字 合字 スワッシュ 代替文字 数字スタイル Typography クラス 関連トピック OpenType フォント形式 OpenType フォント形式は、TrueType® フォント形式の拡張で、PostScript フォント データのサポートが追加されています。OpenType フォント形式は、Microsoft と Adobe が共同で開発しました。フォントに TrueType アウトラインまたは CFF (PostScript) アウトラインが含まれていても、OpenType フォントと OpenType フォントを
ゆず屋: [フォント] 『ちはやふる』のロゴの謎
■ 『ちはやふる』のロゴの謎 「謎」なんていうとちょっと大げさですが、今日は『ちはやふる』のロゴに使われているフォントについて少し書きたいと思います。 末次 由紀さんの『ちはやふる』はTVアニメで知った作品なんですが、実はTVで放送されていたときからこのロゴがずっと気になっていました。 というのも、ぱっとみるかぎり何のフォントを使っているのかよく分からないからです。 （もちろん、既製のフォントでないという可能性もありますが） そこで、来年1月からアニメ第2期の放送も決まったことですし、ちょっと調べてみることにしました。 ■ 明朝体の仮名 ロゴに使われているのは、上の画像の通り明朝体の仮名のようです。 （「明朝体の仮名」っていう言い方は変なんですが、他に良い表現もないので……） （画像をクリックで拡大） もちろん、明朝体と一口に言ってもかなりの種類があります。 上に挙げたのはその一例です。
Webでの文字のレイアウトについて - 2011年に試してみたこと - - くらげだらけ
2011年の後半あたりから文字や文字組に興味を持ち始めました。元々、大学時代に文字についての勉強をちゃんとできていなかったことが、ある種のコンプレックスのように感じていました（今もそうです）。そのうえで「デザイナー」という肩書きを持っていることを嫌って、名刺にデザイナーではなく「制作」とわざわざ入れたこともありました。 そんなこんなで過ごしながら今年読んだ本が「文字をつくる―9人の書体デザイナー」と「文字講座」という本でした。どちらの本にも文字がどんなふうにできたのか、どんな想いでできたのかといったことが書かれていて、非常に面白かったです。それから書体や文字組に関する本を読んだりして少しずつですが勉強している毎日です。 最近では電子書籍が少しずつ読めるようになって来ました。私もiPhoneで読んだり、iPadで読んでみたりしています。私もWebに関する仕事をしているので、最近ではWebの文
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Great Pairs « FontShop Blog
http://plginrt-project.com/adb/?p=22913
タイポグラフィーとテクノロジーの関係性：ギャラリー
Glyphs
朗文堂：robundo ‘We love Typography’
ディスカバリー号
Lettering.js - A jQuery plugin for radical web typography.