「わーい！」と打つとかわいい書体で表示 大日本印刷が文に込められた感情をフォントで表現する技術を開発
チャットツールでは基本的に文字のみでコミュニケーションをとるため、相手の意図や気持ちを組み取りにくい面があります。大日本印刷がこの課題に対し、文の内容を解析してその感情に見合った書体で表示する「DNP感情表現フォントシステム」を開発しました。例えば「わーい！」と入力すると、システムが「楽しい」感情を読み取り、かわいらしい書体で表示します。 チャットツールへの導入を想定したイメージ。入力されたテキストをリアルタイムで解析し、その感情に合ったフォントで表示する システムは入力中の言葉や絵文字をリアルタイムで解析し、それらが持つ感情やイメージを、「安らぎ」や「おだやか」「怒り」など全12種類に分類。「喜び」ならポップに、「恐怖」ならおどろおどろしくと、文のイメージに合った書体に変換して表示します。 感情・イメージの分類と、対応するフォントの例。組み合わせはカスタマイズも可能とのこと 「やばい」の
Tech Giants Team Up to Fix Typography's Biggest Problem
Imagine a font that looks great on any device, in any orientation, on any platform... Erik van Blokland, demonstrates the kind of flexibility variable fonts will make possible. Fonts have a serious image__ __problem. A font that looks great on your Mac might look bloated on mom’s Chromebook or blocky on a friend’s Nexus 6. Send them a funny listicle and they might never find out why No. 11 will am
The Typekit Blog | Prototype variable font available from Adobe Type
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
Introducing OpenType Variable Fonts
Version 1.8 of the OpenType font format specification introduces an extensive new technology, affecting almost every area of the format. An OpenType variable font is one in which the equivalent of multiple individual fonts can be compactly packaged within a single font file. This is done by defining variations within the font, which constitute a single- or multi-axis design space within which many
The Typekit Blog | Variable fonts, a new kind of font for flexible design
Variable fonts, a new kind of font for flexible design Just minutes ago, at the ATypI conference in Warsaw, the world was introduced to a new kind of font: a variable font. Jointly developed by Apple, Google, Microsoft, and Adobe, a variable font is, as John Hudson put it, “a single font file that behaves like multiple fonts”. Imagine a single font file gaining an infinite flexibility of weight, w
Electronでwebfont変換ツールを作ってみた話 - Qiita
Electronさわってみました アイコンフォントを作り直す案件があり、位置調整やサイズ感の確認のたびにコマンド叩くのも、（リモートの）デザイナーさんとやりとりするのも大変だなということで、デザイナーさん向けの検証用のツールを作りました。 ゴール: GUIでSVGからwebfontに変換できるようにする github: svg2webfont に置いてます。 ツールとしては、ブラウザ上で使えるIcoMoon や fontello に近いものです。 もちろんこれで不便なければこちらを使えば良いのですが、 unicodeとアイコン名が対応しているjsonファイルが欲しい web上のサービスに依存するのが怖い（手元でやりたい） 一度作ってしまえばどのプロジェクトでも使いまわせそう Electronで何か作ってみたかった（重要） ということで、お試しでつくってみました。 Electronを使う利点
世界最速のフォントレンダラ、font-rsの内部に迫る | POSTD
この2年間、フォントのレンダリングソフトについて性能の限界を追究してきました。結論は、Rustで書かれたフォントレンダラ font-rs が、業界標準のFreeTypeに比べて、マグニチュード単位のレベルで速いということです。現時点ではこれは製品レベルのライブラリではなく技術的なデモではありますが、その速さを解析するに十分すぎるほどの理由になります。今回の投稿では、目を見張るようなパフォーマンスがどうやって生まれたのかを正確に記すつもりです。 測定結果 最初に数値について説明します。以下は、pixels/emの値を 1から200の間で変化させて、Roboto Regularフォントの「g」のレンダリングに要した時間を測定した結果です。測定は2.9GHzのXeon E5-2690で行いました。比較したレンダラは、FreeType2.6.5、純正Rustのみのfont-rs、SIMDで加速した
エンジニアも今すぐ始めたい「タイポグラフィ」と「ロゴデザイン」｜Technical Creator Hub
前川 裕一 Github: kaelaela Twitter: kaelaela31 2014年度入社。755のAndroidエンジニア。 前回 、 前々回 に引き続き、エンジニアがデザインについて学び、身につけていくテクニカルクリエイター研修についてのレポートです。 今回は 「 タイポグラフィ 」 と 「 ロゴデザイン 」 を実際に手を動かしてやってみました。 本業としている人からみたら基礎中の基礎かもしれないですがとても勉強になる研修でした。 少しくらいエンジニアでも聞いたことがあると思いますが、今すぐ始められてなおかつ奥深いのがよかったです。 タイポグラフィというと幅広いですが、今回の課題は 自分の名前をローマ字でタイプする と 自分の肩書きと所属を日本語でタイプする でした。自分が課題に対して考えたのは以下のようなことでした。 - 書体・字体 - 文字の大きさ
OpenType の仕様策定の議論をのぞくには - しろもじメモランダム
OpenType は1997年に Microsoft と Adobe が策定したフォントフォーマットで、現在のデファクトスタンダードになっています*1。仕様は Microsoft のサイトで公開されており、興味があればだれでもすぐに読むことができます。 Microsoft Typography - OpenType Specification この OpenType の仕様はときたま改定されており、今のところは2015年3月に発表された v1.7 が最新バーションです。 ところで、この仕様の改定はどこで議論されているんでしょう？ UCS/Unicode や各種 Web 標準などは策定プロセスがオープンになっていますが、OpenType の仕様はどこで議論が進んでいるのか、ぱっと見ただけではよくわかりません。日本語の情報もほとんど見つかりません。というわけで、この記事でその一端を紹介したいと
SVGでプログラマブルな書体を作る話｜dwango creators' blog（ドワンゴクリエイターズブログ）
こんにちは、2016年度にデザイナー職で新卒入社しました@Ln_northです。新卒研修も終わり、現在はOJTのもとで生放送チームにジョインしています。 さて、Googleのロゴが変わっていくらか経ちますが、このロゴはSVGを使うと少ないデータ量で表現できるというニュースが話題になりました。 この記事を見た際に、厳密には視覚調整が入るはずなので、正確に幾何的図形とは一致しないだろうという感想も抱きました。しかし、SVGで文字を生成するということには非常に興味を持ちました。今までにも、文字のアウトラインを使ったアニメーションや表現はありましたが、文字自体を生成するというものは見たことがなく、そしてSVGはJavaScriptで操作することができるため、書体の印象が動的なフォントを作ることができると考えたからです。 どういうことかというと、例えば であるとか、 といったことができるかもしれない
ウェブ組版は行間が基準なのではという話 - note
以前見かけたこの記事がきっかけで、実務でもずっと引っかかっていたことがあるので書こうと思う。 ＞ remの基準となる値を行の高さにする | yoshihiko com-blog 行間 ≠ line-height という罠よくある疑問に、日本語で言う「いわゆる行間」と、CSSの「line-height」は違うというのがある。日本語の文章は、仮想ボディが基準の原稿用紙のようなグリッドがあって、それが「いわゆる行間」のピッチで繰り返されて本文ができている。文字の頭（仮想ボディの上）から次の文字の頭までがいわゆる行間とされている。もっと正確に書くと、これは行送りであって、正確な意味での行間は line-gap というものになる。 行送り= line-height、行間= line-gapで、一方ラテン語圏が基本のウェブ（CSS）では、この line-gap のくっつき方が純粋な日本語組版とは異なっ
iOSでDynamic Typeを使ったときのFontのWeightとサイズの一覧 - Qiita
この記事は Goodpatch Advent Calendar 2015 14日目の投稿です。 昨日は @inoinojp による「フルスタックなフレームワーク『FuelPHP』に乗り換えよう！」でした。 Dynamic Typeについて iOSではDynamic Typeという設定.appでフォントサイズを設定するとアプリに自動的に反映される仕組みがあります。 Dynamic TypeについてはHuman Interface Guidelineに説明があります。 Color and Typography 現状、Dynamic typeに対応しているアプリは少ないように見られますが これを機にトライしてみてもいいかと思います。 また、Dynamic Typeを使用しない場合でもiOSアプリのデザインをするときにフォントサイズを決める際の参考になるのではないでしょうか。 iOS9から、iOS
Apple の新フォント San Francisco の秘密
iOS 9 が一般公開されました。気づきにくいところですが、実はこの iOS 9 から、システムフォントが Helvetica Neue から、Apple が新たに開発した San Francisco フォントに変更されています。 San Francisco は Apple Watch のシステムフォントとして既に採用されていましたが、Apple Watch にとどまらず、iOS 9 や次期 Mac OS X “El Capitan” のシステムフォントとしても使われるようになります。 Apple WatchApple は、初代 iPhone からずっと、iOS のシステムフォントとしては Helvetica を採用してきました。また、Mac OS X でも 10.10 Yosemite からは、それまで使用していた Lucida Grande から Helvetica へと変更しています
◆◇◆DNPからのお知らせ◆◇◆ 大日本印刷のオリジナル書体『秀英体』5書体をリリース | ニュース | DNP 大日本印刷
【「秀英体」の利用範囲をさらに広げるラインアップに！】 大日本印刷（DNP）は、明治から続くDNPのオリジナル書体「秀英体」の新規ラインアップとして、その魅力をさらに高める5書体のデジタルフォントを開発してリリースします。 ディスプレーに表示した際に読みやすい太さに調整したゴシック書体と、昭和初期から中期の金属活字のデザインを復刻したかな書体を追加します。伝統書体が持つ手業（てわざ）のぬくもりや味わいを追求した書体などによって、「秀英体」の利用範囲を拡大していきます。 ＊「秀英体」の詳細についての紹介サイト ： http://www.dnp.co.jp/shueitai/ ＊かな書体は「秀英体」の最適な漢字と組み合わせて提供します。 ○「秀英角ゴシック金 M」「秀英角ゴシック銀 M」 これまで「秀英角ゴシック」には、L（ライト）とB（ボールド）の2つの太さ（ウエイト）がありました。今回、ユ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ最大の「フォント問題」を巡ってアップル、グーグル、MS、アドビが団結
The Typekit Blog | Variable font technology from Adobe
GitHub - adobe-fonts/adobe-variable-font-prototype: Variable font example in OpenType-CFF2 & TrueType formats
GitHub - ProgrammingFonts/ProgrammingFonts: This is a collection of programming fonts, just share this with the programmers. Now there are 108 kinds of fantastic fonts!
2015年のフォント総括／鷹野 雅弘（スイッチ）
DNP 大日本印刷株式会社