+ All Categories
Home > Documents > International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode)...

International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode)...

Date post: 03-Sep-2021
Category:
Upload: others
View: 3 times
Download: 0 times
Share this document with a friend
53
International Text Layout & Typography: the Big & Future Picture Edward H. Trager Gnome Live, Boston October, 2006
Transcript
Page 1: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

International Text Layout & Typography:

the Big & Future Picture

Edward H. TragerGnome Live, Boston

October, 2006

Page 2: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai
Page 3: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

CSS first-letter styling!

Advanced OpenType alternate glyph forms!

Advanced technology from the Book of Kells, c. 1000 C.E.,over 1000 years old!

Page 4: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

CSS first-word pseudo class!

Superior font technology!

Page 5: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

CSS first-line pseudo class!

Page 6: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

Unfortunately the Spell Checker still needed some work ...

Page 7: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

And the justification algorithm wasn't perfect yet ...

Page 8: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

International Text Layout & Typography:

the Big & Future Picture

● Comprehensive review of issues● Unified text layout

Page 9: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

Directionality&

Block Progression● Etemad, Elika J., Robust Vertical Text Layout, 27th IUC, Berlin, 2005

● Prelude to CSS3 text layout model● Comprehensive● Does not break existing Unicode BIDI or CSS models

Page 10: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

Directionality&

Block Progression

Before we begin writing, we need to look at:

● Inline progression● Block progression

Page 11: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

Directionality & Block Progression

CSS3 Model

Inline Progression

● left-to-right (ltr) - Latin● right-to-left (rtl) - Arabic● top-to-bottom (ttb) - 中文 ,日文● bottom-to-top (btt) - Runic

Page 12: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

CSS3 Model

Block Progression

● top-to-bottom (ttb) - Latin● right-to-left (rtl) - 中文 ,日文● Left-to-right (ltr) - Mongolian

Directionality & Block Progression

Page 13: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

Directionality & Block Progression

Scripts are generally constrainedto a subset of the possible combination

of values for these two properties

Page 14: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

Directionality & Block Progression

However unusual cases canand do occur in real life with

surprising frequency

Page 15: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

Directionality & Block ProgressionMongolian - Japanese dictionary set ttb-rtl

Page 16: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

Directionality & Block Progression

Uyghur - Chinese - Russian dictionary withUyghur & Chinese both set rtl

Page 17: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

Text Directionality in Titles

There isn’t just one right way to do it ...

Page 18: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

Text Directionality in Titles

Title page of a Chinesedictionary set rtlin order to matchcontent’s rtl block

progression

Page 19: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

Mirror Writing ...

... It’s not just onambulances

Page 20: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai
Page 21: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

BoustrophedonA GPL'ed boustrophedon text reader ...

Page 22: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

Vertical Typography

Page 23: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

Traditional Mongolian... should be the next target

Page 24: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

Mongolian Fonts ... are going the wrong way

Page 25: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

Mongolian FontsThat’s better!

Page 26: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

Advanced Typographical Features ...

● Glyph Substitution

● Glyph Positioning

● Baseline Adjustments

● Vertical Metrics

● Stylistic Alternates

● Optional Ligatures

● Swash Forms

● etc ...

Page 27: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

● Smart cursor positioning

● Smart highlighting

Advanced Typographical Features ...

Page 28: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai
Page 29: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

The backspacing example just proves ...

Page 30: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

The backspacing example just proves ...

... that the software was designed for Western scripts, not Eastern Scripts ...

Page 31: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

Available Technologies:● OpenType:

– FLOSS HarfBuzz library

– Originally part of FreeType

– Forked into Pango & QT

– Now merged again

● Graphite:

– Developed by SIL

– Advanced system for complex scripts like Myanmar & Khmer

Page 32: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

Graphite● Full range of character-to-glyph

mappings:

– one-to-one

– one-to-many

– many-to-one

– many-to-many

● x-y position adjustments (i.e., for diacritical mark stacking)

● advance width modification

● glyph attachment chains

● glyph clusters

Page 33: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

Graphite

● Ligatures are not monolithic

● Underlying characters are accessible

● Access rectangular areas corresponding to glyph components

● Highlighting & mouse selection handled by Graphite

● No complex programming required

Page 34: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

Floss Developers Mandate

● Integrate & provide access to OpenType features

● Also seamlessly integrate Graphite

● Also include Apple's AAT

● Provide a single, unified API for access to the common features of all three technologies

Page 35: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

Word Breaking & Syllabification

No spaces occur in:

● Thai

● Lao

● Khmer (Cambodian)

● Myanmar (Burmese)

● . . .

Page 36: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

Word Breaking & Syllabification

No spaces occur in:

● Lanna (Unicode proposal voted on Sept. 2006)

● Tai Dam (Viet Tai, Unicode proposal exists)

● Tai Le (Dehong Dai, now in Unicode)

● New Tai Le (now in Unicode)

Page 37: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

Word Breaking & Syllabification

Page 38: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

Word Breaking in Thai

Page 39: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

Word Breaking & Syllabification

● Need for a lightweight, object-oriented, pluggable framework for word boundary analysis:

● for Southeast Asian “spaceless” scripts ...

● ... but also for Western scripts:

– syllabification analysis

– hyphenation analysis

Page 40: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

Fonts are the first step in makingadvanced typography both possible

and convenient.

Page 41: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

Fonts are the first step in makingadvanced typography both possible

and convenient.

The computer as a tool should open up new avenues for beautiful and creative typography rather than simply reinforce the limitations of the technology of the previous era.

Page 42: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

Preparing for New Scripts in Unicode

UC Berkeley Scripts Encoding Initiative:

● Over 100 scripts listed

● Only one-fifth approved so far for inclusion in Unicode

● Some don't have proposals written yet

● Some proposals exist with insufficient quality

● . . .

Page 43: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

Preparing for New Scripts in Unicode

UC Berkeley Scripts Encoding Initiative:

● Some scripts quite simple ltr alphabets

● But others have special features

● And some have unique features not shared by other scripts

Page 44: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

Preparing for ... Lanna

Page 45: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

Font Configuration & Customization

Vietnamese expect more vertical spacing ...

Page 46: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

Font Configuration & CustomizationChinese & Japanese become acrimonious when forced to use each other's fonts ...

Page 47: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

Font Configuration & CustomizationWhat’s wrong here ?

Page 48: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

Font Configuration & CustomizationA Better Way:

Configuring Fonts by Script & Orthography

Page 49: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

Enhancing Development Toolsfor Better Typography

Page 50: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

Enhancing Development Toolsfor Better Typography

“... I'm primarily thinking about network access to the font repository. This basically boils down to which version control tool is chosen, and how it is set up. Should each font be one big text file, or perhaps a directory with a separate file for each glyph? ”

- Raph Levien, April 2006

( I thought I had this brilliant idea, but it turns out someone else thought of it before me: )

Page 51: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

Enhancing Development Toolsfor Better Typography

Special “Filesystem”

Save Format:

● Extended SVG XML font format

● One file per glyph

● Use git, SVN, SVK, any SCM system you want

Page 52: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

Wrap Up:Opportunities for the FLOSS community

in the Development Pipeline

● Take a more active role in pushing the Unicode Standard forward to the next milestone

● Collaboration opportunities with non-traditional partners is already proving fruitful

● Move into “high gear” to implement new scripts as they are approved in Unicode

Page 53: International Text Layout & Typography: the Big & Future ......Tai Le (Dehong Dai, now in Unicode) New Tai Le (now in Unicode) Word Breaking & Syllabification Word Breaking in Thai

Thanks!I would especially like to thank the following people, in random order, for answering my questions, providing

feedback on this paper, and providing good advice:

● Peter Moulder

● Andreas Vox

● Behdad Esfahbod, Pango

● Sharon Correll, SIL

● Ngwe Tun, Myanmar Unicode & NLP Center

● Elika J. Etemad, W3C CSS Working Group

● Martin Hosken, SIL

● Dr. Deborah Anderson, Scripts Encoding Initiative (SEI), UC Berkeley

● Nicolas Spalinger, SIL

● Simos Xenitellis

● Clytie Siddall, Vietnamese free-software translation team

● Daniel Glassey

● Have I forgotten anyone ?


Recommended