Kazuraki: Adobe Systems’ Groundbreaking New Japanese Typeface

Dr. Adobe Systems Incorporated CJKV Type Development [email protected]

®

© 2010 Adobe Systems Incorporated. All rights reserved. 1 Background

. Adobe’s Type Engineering team in Japan has created a groundbreaking new typeface that is visually rich and free from the rigid design protocols that have constrained Japanese fonts for decades. . Called Kazuraki (かづらき or 葛城), this new typeface design serves as an inspiration and model for other CJK type designers and type foundries. . !e Kazuraki typeface design was inspired by the calligraphy of 12th century artist and writer Fujiwara-no-Teika (藤原定家), who is considered to be one of the greatest poets in Japan’s history. Inspired by Teika’s calligraphy, Adobe Senior Designer Ryoko Nishizuka (西塚涼子) began creating a new typeface years ago. Her initial work won the Silver Prize at Morisawa’s 2002 International Typeface Design Competition. Kazuraki itself was among the winning typeface designs in the Typeface Directors Club 2010 competition. . While Kazuraki is not suitable for typese"ing books, it is intended for “display purposes.” Display uses include advertising copy, headlines, greeting cards, movie and book titles, restaurant menus, and so on.

®

© 2010 Adobe Systems Incorporated. All rights reserved. 2 Why Develop Kazuraki?

. To build excitement and awareness about OpenType Japanese fonts . Kazuraki is the #rst fully-proportional OpenType Japanese font

. To demonstrate advanced OpenType layout capabilities of Adobe applications . To guide other type foundries to design and develop comparable fonts . !e interest in developing such fonts is not only in Japan, but also in

. Adobe Tech Note #5901 was speci#cally authored for this purpose . To expose poor assumptions in applications and font tools . So that they can be $agged then subsequently #xed

®

© 2010 Adobe Systems Incorporated. All rights reserved. 3 Design & Development Team

. Tokyo, Japan . Ryoko Nishizuka—Designer

. Masataka Ha"ori—Production . Taro Yamamoto—Manager ࢡ ઄ ॖ . San Jose, ৡ . Ken Lunde—Production વ ੾ . David Lemon—Manager ছ ॏ ଑ . Beijing, China ऍ ନ ࢰ . Gu Hua—QE ଖ ߪ ࡄ

®

© 2010 Adobe Systems Incorporated. All rights reserved. 4 Typical Japanese Font Characteristics

. Full-width (monospaced) kana and kanji . !e design space is usually square, but sometimes compressed . Popular for newspaper use, but also applicable for mobile devices

. !e point is that the glyphs are monospaced, and were designed to be so

®

© 2010 Adobe Systems Incorporated. All rights reserved. 5 Pseudo-proportional Glyphs

. !e glyphs are originally designed to be monospaced . Portions of their widths are trimmed away, resulting in proportional widths . Early DTP implementations in PageMaker via “SBX” #les . !e next implementation was via ‘ALMX’ tables in sfnt-CID fonts . OpenType has support for pseudo-proportional glyphs via GPOS features . Via ‘palt’ GPOS feature for horizontal

. Via ‘vpal’ GPOS feature for vertical

それでは大リーグの試合を見ましょう。 ⬇ それでは大リーグの試合を見ましょう。

®

© 2010 Adobe Systems Incorporated. All rights reserved. 6 Problem: Non-standard Glyph Set

. Virtually all glyphs require separate vertical forms . !e glyphs may be identical, but shi%ing and other metrics necessitate separate glyphs

. For a very small number of glyphs, there are only vertical forms

. Specialized glyphs . Two-, three-, and four-character vertical hiragana ligatures . Conclusion: Kazuraki does not “#t” the Adobe-Japan1-x glyph set . !e Adobe-Japan1-x glyph set is the industry standard for OpenType Japanese fonts

®

© 2010 Adobe Systems Incorporated. All rights reserved. 7 Solution: Adobe-Identity-0 ROS

. A dynamic, locale-unspeci#c special-purpose glyph set . ROS means /Registry = “Adobe”; /Ordering = “Identity”; and /Supplement = 0 . Speci#ed in the /CIDSystemInfo dictionary

. Locale and language are speci#ed via other a"ributes in the OpenType font . Via the ‘OS/2’ and ‘name’ tables

®

© 2010 Adobe Systems Incorporated. All rights reserved. 8 OpenType Implementation Details

. Two important goals

1) Proportional metrics are the default—‘palt’ and ‘vpal’ GPOS features are not used

2) Vertical hiragana ligatures are “on” by default

. Solutions . Proportional metrics are speci#ed as default in standard OpenType tables—‘hmtx’ and ‘vmtx’ . Vertical hiragana ligatures are accessible via the ‘liga’ GSUB feature

. GSUB feature ordering is important . ‘vert’ (and ‘vrt2’) before ‘liga’

. Clients—meaning OSes, applications, and libraries—must respect feature ordering

. Serves as an example for other type foundries to follow . !e production techniques are described and detailed in Adobe Tech Note #5901

. Includes Japanese and Chinese translations

®

© 2010 Adobe Systems Incorporated. All rights reserved. 9 OpenType Implementation Details—Production Process

. !e data is #rst built as an intermediate OpenType font with standard features . !e glyphs are optically centered within the 1000×1000 em-box

. With mono-spaced 1000-unit horizontal and vertical advances

. !e ‘palt’ and ‘vpal’ GPOS features provide X- and Y-axis shi%ing values and new widths . !e horizontal and vertical glyphs require X- and Y-axis shi%ing, respectively

. Intermediate glyphs are named according to Adobe-Japan1-6 CIDs . Ligatures were named as sequences of Adobe-Japan1-6 CIDs

. Proportional Latin glyphs were added . Brioso Pro Semibold Display scaled to 108%

®

© 2010 Adobe Systems Incorporated. All rights reserved. 10 OpenType Implementation Details—Production Process (cont’d)

. An elaborate Perl script was used to process the data . !e separate vertical glyphs were created by an AFDKO “mergeFonts” tool mapping #le

. !e ‘palt’ (horizontal) GPOS metrics were converted to AFDKO “rotateFont” tool directives

. X-axis shi%ing and new horizontal advances . !e ‘vpal’ (vertical) GPOS metrics were converted to ‘vmtx’ table overrides

. Y-axis shi%ing and new vertical advances

. !e CMap resource, used to generate the ‘cmap’ table, was automatically created

. Adobe-Japan1-6 CIDs and UTF-32 CMap resources were leveraged

. !e ‘vert’ and ‘liga’ GSUB features were automatically created . !e same Perl script was used for the production of all three versions . Prototype—1,223 glyphs (297 kanji, 17 vertical hiragana ligatures)

. Version 1—2,973 glyphs (1,082 kanji, 50 vertical hiragana ligatures)—shipping

. Version 2—3,776 glyphs (1,483 kanji, 51 vertical hiragana ligatures)

®

© 2010 Adobe Systems Incorporated. All rights reserved. 11 OpenType Implementation Details—U+591A 多

. Kazuraki sources

. Final Kazuraki glyph—CIDs 1262 (horizontal) and 3121 (vertical)

Ϩ

. Horizontal metrics directives—expressed in ‘CFF’ and ‘hmtx’ tables . 881-unit advance—narrow

. 78-unit le% shi% . Vertical metrics directives—expressed in ‘vmtx’ table . 1,306-unit advance—tall

. 24-unit downward shi%

®

© 2010 Adobe Systems Incorporated. All rights reserved. 12 OpenType Implementation Details—U+5FC5 必

. Kazuraki sources

. Final Kazuraki glyph—CIDs 1531 (horizontal) and 3390 (vertical)

Ұ

. Horizontal metrics directives—expressed in ‘CFF’ and ‘hmtx’ tables . 1,376-unit advance—wide

. 154-unit right shi% . Vertical metrics directives—expressed in ‘vmtx’ table . 835-unit advance—short

. 125-unit upward shi%

®

© 2010 Adobe Systems Incorporated. All rights reserved. 13 OpenType Implementation Details—U+5FC5 必 (cont’d) Ұ

®

© 2010 Adobe Systems Incorporated. All rights reserved. 14 OpenType Implementation Details—Vertical Hiragana Ligature

. Final Kazuraki glyph—CID+3730 (vertical only)—うれしく (ureshiku)

⬆ٍ ځ ୰ ۇ ڒ (Horizontal metrics directives—expressed in ‘CFF’ and ‘hmtx’ tables (unusedڊ . . Default advance (1000 units)

. No shi% . Vertical metrics directives—expressed in ‘vmtx’ table . 3,219-unit advance—very tall

. 1,119-unit downward shi%

®

© 2010 Adobe Systems Incorporated. All rights reserved. 15 Vertical Considerations

. Small kana and punctuation require separate vertical forms in standard fonts . !ey are repositioned, rotated, or rotated+$ipped

. Kazuraki requires separate vertical forms for all kana, kanji, and punctuation . !eir shapes are otherwise identical

. Why is this necessary? . !e genuine proportional nature of the design necessitates X- and Y-axis shi%ing . Horizontal requires X-axis shi%ing

. Vertical required Y-axis shi%ing

. !e OpenType table that records default vertical metrics does not support X-axis shi%s

. !e ‘vmtx’ table can record only vertical widths and Y-axis shi%s

. !anks to subroutinization, the difference in #lesize is minimal . !e AFDKO “makeotf” tool, an OpenType font compiler, applies subroutinization by default

®

© 2010 Adobe Systems Incorporated. All rights reserved. 16 Glyph Set Details—Kazuraki Version 2

. All kana—hiragana and katakana . Punctuation and symbols . A total of 51 two-, three-, and four-character vertical hiragana ligatures . 1,483 kanji . All 1,006 Gakushū Kanji (学習漢字) are now included

. 3,776 total glyphs—CIDs 0 through 3775 . CIDs 1 through 1863: horizontal glyphs (Latin, punctuation, symbols, kana, and kanji)

. CIDs 1864 through 3722: vertical forms of CIDs 1 through 1863 . CIDs 3723 through 3775: vertical hiragana ligatures and kana iteration marks

. Version 2 includes glyphs for 401 additional kanji plus one more ligature . Version 1 is shipping, and is one of the CS5 complimentary bene#ts for Japanese customers

. Version 2 missed the deadline to be included in CS5

®

© 2010 Adobe Systems Incorporated. All rights reserved. 17 Kazuraki Samples           DZ DZ Ȋ  DZ DZ Ȳ

ɽ  DZ ȹ 

 ɯ        ɶ ȃ Ȋ DZ DZ ̴Ȋ ʞ ȥ  Ȫ DZʋ DZɽ ΖȲ ɑ ɽ ɑ   ϡ DZɯ ȹ Ȍ ̿ ʥɯ Ț ɛ Ț ȃ ɶ ȉ ȶ ɾɶ ̴ ͪ ȩȊ ȅ ȭʞ ȅȥ ʞ ˉ Ȫ ͫ ʋ ɽ ȊΖ  ɑ ɑ Ȋɑ ʋ Ȇ ϡ ʍ Μ̿ ̴ ȣ ϡɯ Ȟ ʠ ȡ Ȍ ʥ ȲȚ ɛ  ʍ ʓ ȹȚ ͢ ɖ ʥɶ ʠ ϒ ȅȉ ɾ ʓ ɮ ȶ ˽ ˉ ϒ ϥ ȥ ȅ ɽȭ ȋ ̴ȅ ɾʞ ȓ ʀ ͪ ȩ ȋ ɮ ʞ Ț ͫ ɭ Ȋ ϥ  Ȋ ȹʋ ʀ Ȋ ɑ Ȇ ɓ ɞ̴ Ȋ ͢ ȹ ʞ Ȳ Μ ȣ ȃϡ Ȟ Ȋ ɉȡ ʥ Ȫ ȋȲ Ȭ

̴ ɛ  Ȳ Ȟȅ ȹ ȹ͢ ɑɖ ʥ  ɓ ̴ ͢ ȥ ˋ˽ ɽ ȋ ȇ̴ ɾ Ȍȓ Ȋ ͢ Ț ȋ ɭ Ȍ Τ ɔ ȝ ȹ  Ȋ    ɓ ɞ Ȋ ɉ͢ ȹ Ȫ ɉ ȬȪ ɛȃ Ȋ ȗɛ ʥ ɖȋ Ȭ Ȫ Ȳ Ȟ ȡ ȹ Ȟɑ  ɓ ɑ ̴ ɔˋ ɉ ȗ Ȍ ΄ ȇ ɑ ® ͢ Ȍ ȏΤ ɔ ˂ ȭ ȝ Ț 

   ɉ ® Ȍ ̽ Ⱥ Ȭ ɔɛ ϐ ȅȊ ȗ ȥɖ Ȍ ʨ ȈȲ ȡ Ȟ Ȳ ɢ ̐ ̴ ȗ ʥ ɔ ɉ Ȋ ̽΄ ͢ ɯ ȶ ȏ ɀ ˂ ȭ Ț Ȭ ȴ ξ̽ Ⱥ ® Ȏ ȅ ɔ ɜ ɍ ɔϐ ȅ © 2010 Adobe Systems Incorporated. All rights reserved. Ȭ ʨ Ȉ 18 ȥ Ȳ ȅ ɢ ȓ̐ ɉ ʥ ȹ Ȋ Ȟ ̽ ɯ Ȭȶ ɀ Ȍ Ȭ ȴ ɔξ Ȏ ȅ 14/19ɜ ptɍ ɔ 23/36 pt 14/19 pt カーニング「メトリクス」適用Ȭ 任意の分かち書きには四分スペースを挿入ȅ ȓ ɉ ȹ Ȟ Ȭ Ȍ ɔ

14/19 pt 23/36 pt 14/19 pt カーニング「メトリクス」適用 任意の分かち書きには四分スペースを挿入

® a® a アドビ オリジナル和文書体 Adobe® Originals アドビ オリジナル和文書体 Adobe® Originals か づ ら

 ʄ ϝ ȶ ϓ き Ȅ ϐ に か 含 ϑ ʅ ɝ ȷ ȃ づ ȳ Dz ま ʆ ȸ ϔ ら れ

 Ϟ  ϐ dzʄ ϝʇ ȶ ϓ ȅ き る Ȅ Ȇ ɞ ȹ に ひ ϑ Ǵʅ ɝʈ ȷ ȃ ϕ 含 ら

ȳ ま  Dz ʆ ϟ が ǵ ʉ ȸ ϔȺ れ な  ȴ Ϟ ɟ ȇ  dz ʇ ʊ ȅ る 、 Kazuraki Samples—VerticalȆ Hiraganaȓ LigaturesǶ ɞ Ϡȹ Ȼ ひ カ Ǵ ʈ ʋ ɠ ϕ ϖ ら タ

 ϟ が カ  ǵ Ƿʉ Ⱥ ȼ ȴ ɟʌ ϡ ȇ Ȉ な ナ

 ȵ

 、 ʬʊ か、 か ȓ Ƕ Ϡ ɡȻ Ƚ ϗ カ づ Ȕ Ϳ ʍ ϖ 約 づ ʋ ɠ タ ら物 ȉ カ ら  Ⱦ  Ƿ ʎ ȼ き・  ɢ  ϐ̑ʌ ϡʄ ϝ Ȉȶ ϓ ナ き ȵ Ȅ ϐʏ ʄ ϝ ȶ ϓ に記 に  ɒ ʬȄ ȿ Ȋ 、 含号  ϑ̕ ɡʅʐ ɝɣʅȽ ϗȷ ȃ ȃ 含 Ȕȳ ʍϑ ɝ ȷ 約 ま類 ȕȳ Ϳ Dz ȋ ま ˴ Dzʆʑ ʆ ȸɀ ϔ 物 れ、  ʎ ϞɤȾ ȉ ȸ ϔ ・ れ   ɢ Ϟ ̑ dz ʇ ʇ ȅȌ ȅ る漢 る ɒ Ȇ ʏdzʒ ɞ ȹ 記 ひ数 ȆǴϋ ʈ ȿɞȊɁ ȹ 号 ひ  ̕ ʐǴɣ ɥʈ ϕ ら字 ら ɕ  ʓ ϕ 類 ȕ ϟ ȋ ȍ が、 Ș ǵ̤ʑ ʉ ϟȺɂ 、 が ȴ ˴ ǵʔ ɟʉɀ ȇȺ な二 な  ȴ ɤ ɦ ɟ ȇ 漢 、  Ή ȌɃ 連 ʒ ʊ Ϡʊ Ȼ Ȏ 数 、 ȓϋȓǶ Ƕʕ ɁϠɄ Ȼ カ・ カ ɥ ɠ ϖ ϖ 字 タ三 ɕ  ʋ ɧ タ ˦ʓ ʖ ʋ ɠȍɅ ȏ 、 カ  ̤ Ƿ ɂ ȼ 連 カ Ș  Ƿ ϡ Ȉȼ 二 ȵ ʔ ɦʌʗ ɨʌ ϡ Ȑ Ȉ ナの ナ  ȵΉ ʬ̫ Ƀ Ɇ 連 、合 ț  ʬ ȎȽ 、 Ȕ ʕ ʍ ɡɄ ϗȽ ϗ ・ 約字 ȔͿ Ϳʘ ɩʍ ɡ ȑ 三 約 ˦ Ǹ ɧ Ʌ ȏ 物 物 ʖ ʎ Ⱦɇ ȉ 連 ・  ɢɪ ȉ ϣ ʎ ® Ⱦ ・  ̑ ɢ ʗ̑ɨʏ Ȑ Ȓ の 記 © 2010 Adobe Systems Incorporated. All rights reserved. ɒ 19 ̫ ɫ 記 ɒ ʙ ʏɆ ȿ Ȋ Ȋ 合 号 ț  ̕ ʐ ɣ Ɉ  ȿ 号 ȕ  ʘ̕ɩϤ ɬʐ ɣ ȋ 字 類  ȕ ʑ ȑ Ȗ ȋ 、 類 ȜǸ ˴ ʚ ʑɇ ɀ 、 ϣ˴ɪ ɤɭ ɉ ɀ 漢 ʒϥ ɤ Ȍȗ 漢 ϋʙ ɫ ʒ ȒɁ Ȍ 数 数 ϋʛ ɥɮɈ Ɋ Ɂ 字 ɕ  ʓ ɥ 字 ɕ  Ϥ ɬ ș 、  ȍ  ̤ ʓ Ȗɂ ȍ 、 Ș Ș ʚ̤ʜ ɂ 二 Ȝ ȟ ɭʔ ɦɯʔɉ ɋ 二 Ή ɦȗɃ ȎȚɃ 連 連 ϥΉʕ Ȏ ・ ʛ ɮʝ ɰʕɊ ɄɌ Ʉ ・ ˦ ɧ ɧșɅ ȏ 三 三  ˦ʖ ɱʖ Ʌ ȏ 連 ʜ ɋ ɍ ȝ の 連 ȟ ̫ ɯʗʞ ɨɲ ɨɆ Ȑ の ț ̫ ʗ Țϙ Ɇ Ȑ 合 合  Ȯ ț ʟ Ɍ 字  ɰ ɩɳ Ǹʝ ʘʠ ʘ ɩɇɎ ȑȞ ȑ 字 ʞǸɱϣϦ ɪɴϣɍɪȝϚ ɇ ɲʙʡ ɫʙϙɫɈɏ ȒȠ Ȓ Ȯ ʟ ɳϤ ɬɵ Ɉ  Ɏ Ȗ  Ϥ ɬ ȡ Ȝȯ Ȝ ʠ ʚʢ ʚ Ȟɉϛ Ȗ Ϧ ɴϥʣ ɭɶϥϚɭȠɐ ȗȢɉ ȗ ʡ ɵʛ ɮɷʛɏɮɊ șȣɊ

 ʤ

 ș  ȡɑ ȯ ȟ ʢ ɶʜʥ ɯʜϛɯɋ Ȥɋ Ȱ ȟ ʣ ɰɸɐ ȢɌɓ Ț Ț ʤ ɷʝʦ ɹʝ ɰȣ ȥɌ ʞϧ ɱɑɱɍɔ ȝȦɍ ȝ Ȱ ʥ ɸϨ ɲϢʞ ɲȤϙɖ Ȯ ʟ ɓ ϙ Ȯ ʦ ɳɺʟ Ɏ ȧ ɹʠϩ ʠ ɳȥɗ ȞɎ Ȟ ϧ ϢϦϪ ɴɻϦɔɴȦϚ ȠȨϚ Ϩ ɺʡϫ ɵɼʡɖɵȧɏϜ Ϙɏ Ƞ

 ȡȩ ȯ ȯ ϩ ʢϬ ɽʢɗ ϛɘ ϛ ȡ Ϫ ɻʣ ɶ ɶȨɐ ȢȪ Ȣ ϫ ɼϭ ɷɾʣϜ Ϙə ȣȫɐ ʤϮ ɿʤɘɷȩɑɚ Ȭɑ ȣ Ȱ Ȱ Ϭ ɽʥ ɸʥ ɸȪ Ȥ Ȥ ϭ ɾʦϯ ʀə ȫɓɛ ȥȭɓ ϧϒ ɹʁʦ ɹɔɜ ȥ Ϯ ɿ ϢʂϧɚϢȬ Ȧȱɔ Ȧ ϯ ʀϨ ɺϨɛ ȭɖ ȧȲɖ ϒ ʁϩ ʃϩ ɺɗ ȧ ʂϪ ɻɜɻȱ Ȩɗ Ȩ ɼϪ ɼȲϜ ϘϜ Ϙ ʃϫ ϫ ɘ ȩ ȩ Ϭ ɽϬ ɽ Ȫɘ Ȫ ϭ ɾϭ ɾə ȫə ȫ Ϯ ɿϮ ɿɚ Ȭɚ Ȭ ϯ ʀϯ ʀɛ ȭɛ ȭ ϒ ʁϒ ʁɜ ʂ ʂ ȱɜ ȱ ʃ ʃ Ȳ Ȳ Application Testing Issues

. Common assumptions . Monospaced glyphs or shared horizontal/vertical metrics

. Must respect the metrics speci#ed in the ‘hmtx’ and ‘vmtx’ tables

. GSUB feature ordering . Must respect GSUB feature ordering—critical for vertical hiragana ligatures

. Use of Adobe-Identity-0 ROS . Other font characteristics are used to identify it as a Japanese font

. Japanese characteristics are speci#ed in the ‘name’ and ‘OS/2’ tables

. Adobe InDesign CS2 and greater handles Kazuraki well . Other CS4/5 applications have no problems with Kazuraki

®

© 2010 Adobe Systems Incorporated. All rights reserved. 20 Demo

. InDesign + Kazuraki OpenType font . Character entry

. Horizontal versus vertical metrics

. Seamless support for vertical writing . Vertical hiragana ligatures

. Kerning

®

© 2010 Adobe Systems Incorporated. All rights reserved. 21 Future Enhancements

. Additional kanji . !ose found in Hyakunin Isshu (百人一首), which is a series of 100 famous poems

. Compiled by Fujiwara-no-Teika, whose handwriting inspired Kazuraki

. !ose used in words that are important for funeral and Buddhist services . Complete coverage of Jōyō Kanji (常用漢字) or Jinmei-yō Kanji (人名用漢字)

. !e former is the basic set of kanji, and the la"er is used for personal names

. Additional vertical hiragana ligatures . Alternate kana forms . Alternate kanji forms

®

© 2010 Adobe Systems Incorporated. All rights reserved. 22 Further Reading & Resources

. Type Development @ Adobe mailto:[email protected]

. Adobe Type Showroom h"p://www.adobe.com/type/

. CJKV Information Processing, Second Edition (O’Reilly Media, 2009) h"p://oreilly.com/catalog/9780596514471/ . OpenType Speci#cation h"p://www.microso%.com/typography/otspec/

. AFDKO (Adobe Font Development Kit for OpenType) h"p://www.adobe.com/devnet/opentype/afdko/

. Adobe Tech Note #5901 h"p://www.adobe.com/devnet/font/pdfs/5901.Kazuraki_Tutorial.pdf

®

© 2010 Adobe Systems Incorporated. All rights reserved. 23 ®

© 2010 Adobe Systems Incorporated. All rights reserved. 24