はてなブックマーク

はじめまして！4月からアドビで書体デザイナーとして入社した吉田大成と申します。 私は大学の卒業制作で「はくれい」という明朝体を作ったのですが、その時に「Glyphs」というドイツのグリフス社のフォント作成アプリを使っていました。全ウェイトを含めると5,000字を超えるフォントの制作にGlyphsは欠かせない存在で、はくれいはパス（輪郭線）の描画からフォントデータの出力まですべてこのソフトだけを使って制作しました。 これまで卒業制作の一環としてGlyphs自体をずっと研究していたのですが、フォントの制作と展示準備を並行しながら進めていて、なかなかその研究についてを文章にすることができていなかったので、一度その内容をしっかりまとめたいと考えて、この記事をブログに書こう！という思いにいたりました。 Twitterでつぶやいてみたところ 、うれしいことに「ぜひ読みたい」という反響もあって、 Ado

この度、Typekitでフォントのビジュアルサーチをおこなえる新しい機能をリリースしました。これには、Adobe Senseiの機械学習を用いた知的機能が活用されています。 看板やポスターの写真、平面のアートワークなど、文字列を含む画像をアップロードすると、利用できるフォントの中から類似するフォントがすべてリストアップされます。 この機能は現在、アルファベットの大文字、小文字のみ対応しています。利用時には、対応する文字が限定されていることにご注意ください。 Typekitのビジュアルサーチの使い方 まず初めに、イメージに合うフォントを探します。例えば外を歩いているときに見つけた看板に気に入った書体やレタリングが使われていたとします。これに類似するフォントを探してみましょう。 看板の写真を撮ります。検索バーにあるカメラアイコンを使って、ハードディスクから写真を選択、またはデスクトップ上からお

貂明朝はアドビのチーフタイプデザイナー、西塚涼子のデザインによる新しいアドビオリジナルの和文書体です。この新書体が Typekit の書体ライブラリーに追加されました。Typekit の書体ライブラリーのフォントは、Web 用フォントとしても、また同期することで PC 上のデスクトップフォントとしても利用可能です。Creative Cloud の有料プランにご登録の場合、追加料金なしでご利用いただけます。 貂明朝を従来の明朝体から際立たせている特徴は、躍動感のある手書きの文字の特徴に加え、江戸時代の瓦版印刷に見える運筆の特徴も取り入れていることです。伝統的な明朝体の画線の先端を丸め、やや太めに仕上げ、ふところは小さめにしています。貂明朝は、広告コピー、書籍・出版物のタイトルなど幅広い用途でご利用いただけます。 信じられないかも知れませんが、SVG グリフの中には、可愛らしい貂の姿をしたグリ

Typekit の書体ライプラリーに日本のフォントメーカー4 社のフォントが追加されました。 Typekit は、Adobe Creative Cloud のメンバーシップサービスのひとつで、Web と印刷用に数千の多様なフォントを提供しています。本日あらたに、視覚デザイン研究所（VDL）、字游工房、大日本印刷（DNP）およびフォントワークス（五十音順）がTypekit のパートナーとな ることで、日本語書体のコレクションが74フォント追加になり、大幅に拡張されました。 今回追加されるフォントメーカーとフォントの詳細は以下の通りです。 株式会社視覚デザイン研究所（VDL） 視覚デザイン研究所は、文字の持つ伝統的な美しさを損なうことなく、斬新でありながらも「造形の美的バランス」と「文字の可読性」この両立をコンセプトとした、新しい表情の日本語フォントを創出しています。VDLは、フォント選びはデ

We’re excited to ship one of your all-time most requested features: you can now add fonts to your web site using only CSS (Cascading Style Sheets)—no JavaScript required. Also, you can now use fonts from Typekit in HTML email campaigns, mobile articles in Google’s AMP format, or anywhere else CSS web fonts are supported. Turn on Early Access and you’ll see the new CSS-only embed code in our kit ed

Our co-announcement in September about variable fonts was a huge hit with the type industry — we’re excited to see this technology in development and believe in the enormous potential the format offers. The Adobe Type team has continued working on this, and has now released a prototype variable font on Github, produced by Miguel Sousa and Read Roberts, and based on Frank Grießhammer’s Source Serif

In canal and river navigation, a lock is a device used for raising and lowering vessels between stretches of water that are at different levels. That’s exactly what our formula accomplishes. Our formula is a CSS calc “lock”. Take molten leading as an example. The gates are our paragraph’s minimum and maximum widths, and the water level is our line-height. Below the bottom gate, our line-height is

When designing PostScript fonts, one long-standing challenge has been mastering the precision of placing points when drawing lines and curves. Here at Adobe Type, when this problem threatened to thwart the development of a typeface, we ended up adapting our font development software to allow for even more precise point placement. Most glyphs are drawn within an area (called the the ‘em-box’) that

日本のお客様へ。日本および東アジアのWebフォントへの対応と新しいフォント選択ツールに関するお知らせ。 4つのチームが、3つの大陸、5つの時間帯に分かれ、その長年の作業を終え、TypekitのWebフォントサービスが拡張され、日本語、中国語、および韓国語用のフォントにも対応しました。 私どもの日本（および東アジア向け）書体ライブラリーを、デスクトップ用フォントとして同期可能にするだけでなく、お客様のWebサイトでもご利用可能となり、小塚明朝と小塚ゴシックのファミリーに加えて、従来のアドビの書体ライブラリーに含まれていた平成書体、かづらき、および、りょうの書体ファミリーがTypekitのコレクションに加わりました。 ダイナミックなサブセット化 日本語フォントを含む東アジア用フォントのサイズは巨大です。昨年、源ノ角ゴシック（Source Han Sans）をリリースしましたが、日本語用の文字が

While developing Source Han Sans, Adobe and Google worked with three different companies to bring the kind of in-country expertise we knew we would need to hit the quality threshold we had set for this typeface family: Iwata Corporation in Japan, Sandoll Communication in Korea, and Changzhou SinoType in China. Over the next couple of weeks we will introduce you to each of them. Pan-CJK fonts can s

We’ve been extremely happy to see such rapid worldwide adoption for Source Han Sans, Adobe’s open source Pan-CJK font. With seven weights, support for multiple languages, and over 65,000 glyphs per font, the Source Han Sans family is naturally complex – so even when we first released it, we expected that improvements and minor adjustments would be necessary. After further testing, and with some gr

Adobe, in partnership with Google, is pleased to announce the release of Source Han Sans, a new open source Pan-CJK typeface family that is now available on Typekit for desktop use. If you don’t have a Typekit account, it’s easy to set one up and start using the font immediately with our free subscription. And for those who want to play with the original source files, you can get those from our do

アドビは、Googleとのパートナーシップにもとづいて、Source Han Sansのリリースを発表しました。この書体は、新しいオープンソースのPan-CJK書体ファミリーであり、Typekitからフォントを入手してデスクトップで使用できます。Typekitアカウントをお持ちでない場合でも、セットアップは簡単におこなえ、無料ですぐにSource Han Sansフォントを使い始めることができます。オリジナルのソースファイルを使用したい方は、GitHubのダウンロードページから入手できます。 Source Han Sansは、7つのウエイトが利用可能で、日本語と韓国語で用いる文字および中国語で用いる繁体字と簡体字のグリフのバリエーションすべてに完全に対応する 書体ファミリーです。さらに、評価の高いSource Sansファミリーのラテン文字、ギリシャ文字、キリル文字も含まれます。ファミリー

Good typography is something everyone sees but no one notices. — John Warnock, Adobe co-founder In the mid- to late 1980s, designers rapidly embraced the brave new world of desktop publishing, and demanded more and better typefaces to use in their projects. In response to those cries for creative help, Adobe launched the Adobe Originals program in 1989, resulting in one of the world’s finest libra

Introducing Source Serif: A new open source typeface from Adobe We are pleased to announce the release of Source Serif, a new open source typeface which is now available here on Typekit — as well as directly from GitHub, for anyone who feels inspired to dig into the original font files. Source Serif was designed by Frank Grießhammer as the serif counterpart to our popular Source Sans family. In ad

Kerning can refer to one of two things: spacing instructions that type designers put into font files to mitigate awkward character combinations, or spacing adjustments that graphic designers make as they typeset text. In today’s post, we’re talking about the former, though we’ve covered the use of Kern.js and Lettering.js here before for readers interested in learning even more. Imagine each chara

Subheads are typographic devices that establish content structure for the reader, providing a short overview of the content that follows. We can use them as points of visual interest or as simple navigational aids that gradually disclose the content. However, default subhead styles rendered by the browser can be too generic. If you’re looking for some variety, you can achieve some interesting effe

Just a few moments ago, Adobe’s CTO Kevin Lynch took the stage at their annual MAX conference and explained the company’s Creative Cloud strategy. Part of that announcement is very big news for us: Typekit has been acquired by Adobe. We are thrilled. There honestly is no better place for us to continue building our platform. But perhaps even more significantly, this represents a huge step forward

Of the many questions we get at Typekit, perhaps the most frequent asks why we require JavaScript to serve fonts. Typekit is based on the standard CSS @font-face property. But using fonts on the web is about more than just the code we use. Just like video or audio, fonts pose challenges when you need them to work consistently and reliably across the entire ecosystem of browsers and devices. Fonts

Last Thursday in New Orleans I attended a glass gilding workshop with John Downer and Leonard Otillio, part of TypeCon 2011. It was excellent, and I cannot recommend the experience highly enough. As a web designer, it felt great to use physical materials. And to be around John and Leonard, such careful stewards of their craft, was an education I could abstract; it’s easy to see opportunities for s

When it comes to type rendering on the web, there’s not much web designers can do. The way fonts appear on screen is mostly due to operating systems, browsers, typeface designs, font files, and how those font files are (or are not) augmented with instructions for the most unforgiving rendering scenarios. But in some cases, CSS properties can affect how type looks. Note: the following screenshots r