{"id":184419,"date":"2023-05-03T11:00:20","date_gmt":"2023-05-03T03:00:20","guid":{"rendered":"https:\/\/www.grab.com\/sg\/?post_type=editorial&p=184419"},"modified":"2025-11-27T16:18:21","modified_gmt":"2025-11-27T08:18:21","slug":"why-we-redesigned-a-typeface-for-thai-and-cambodian-scripts","status":"publish","type":"editorial","link":"https:\/\/www.grab.com\/sg\/inside-grab\/stories\/why-we-redesigned-a-typeface-for-thai-and-cambodian-scripts\/","title":{"rendered":"Why we redesigned a typeface for Thai and Cambodian scripts"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Designing a typeface for an app involves both art and design practices; you want fonts that are aesthetically beautiful and evocative, but that are also functional and serve the app\u2019s objectives.<\/p>

For Southeast Asian languages, that design process is even more complex because you have to cater to scripts with large character sets and diacritics\u2014marks, shapes or strokes that accompany letters.\u00a0<\/p>

Compared with global support for western scripts such as the Latin alphabet, there is a big gap in font and script compatibility in Southeast Asia. This prevents local businesses from building better, clearer apps and websites.\u00a0<\/p>

Plus, bringing an app to older operating systems on entry-level devices also means they tend to display illegible or corrupted text, because these phones don\u2019t have new fonts installed. Typically, these display as misaligned symbols and\u00a0 misrendered squares where text should be, for example.<\/p>

As Grab\u2019s user base continued to expand across Southeast Asia, we had to ensure that text displayed on our app could reach disparate devices effectively, and for local language versions to not be impacted.\u00a0<\/p>

This required not only technical expertise, but also a deep understanding of language and script. In Thailand and Cambodia, we worked with boutique design firms Cadson Demak and Anagata Design respectively, to better articulate our design language in the region.\u00a0<\/p>

The origin: Inter<\/h5>

Prior to creating Thai and Khmer typefaces, Grab’s designers were in search of a new Latin typeface that could represent Grab\u2019s visual identity and product experience.\u00a0<\/p>

There were practical considerations too. Lower-end phones are still predominant in many parts of Southeast Asia. These phones typically run on 2G or 3G networks, and have smaller screens and lower memory capacity.<\/p>

The file size of a font family will therefore have a significant impact on the overall user experience on the app. An app that requires a huge amount of storage may not be well-supported by lower-end phones.<\/p>

Grab\u2019s design and creative teams conducted a series of testing of over 40 typefaces and landed on\u00a0Inter<\/a>.\u00a0<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Inter is a typeface that was originally designed for computer screens, allowing it to remain legible even at smaller font sizes and is suitable for longer reads.<\/p>

Inter is also a variable font family, meaning it is able to hold various font styles (i.e. bold, italics) in a much smaller file size. This is compared with traditional web fonts\u2014such Grab\u2019s previous font Sanomat\u2014where each style requires a separate font file.<\/p>

Inter, but make it Thai and Khmer<\/h5>

It took a considerable amount of time to work out the design for the Thai and Khmer versions of Inter due to the large character set of both languages, according to the designers.<\/p>

There are two prominent Thai and Khmer font types, looped and loopless\u2014just like how there are Sans and Sans Serif fonts in Latin.<\/p>

Thai and Khmer typefaces also consist of base characters combined with tone marks or diacritics that may be displayed above or below them.\u00a0<\/p>

\u201cFor Khmer, specifically, some letter shapes had been simplified and straightened to ease the process of rendering the letterform on screen,\u201d said Sovichet Tep, type director of Anagata Design.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

\u201cThis is due to the complex letterform of Khmer that has two tiers above and two below the consonant. Simplifying the letterforms would help to harmonise [the typeface] with the other script counterparts within the project too,\u201d he said.<\/p>

Thai and Khmer scripts are also long. The same sentence that takes up one line in English may go on for two to three lines in Thai and Khmer, resulting in shifts in the layout of text.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t

\n\t\t\t\tWe wanted the finished product to be a family member, not a Frankenstein twin.<\/b>\t\t\t<\/p>\n\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\tAnuthin Wongsunkakon, type designer and founding partner of Cadson Demak<\/cite>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/blockquote>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

That is why lines, loops and marks that affect the height of fonts need to be adjusted in a way where we do not have to make changes to the app\u2019s interface for every language we support.<\/p>

\u201cProportion is the key element. It is the first priority to pin down,\u201d said Anuthin Wongsunkakon, type designer and founding partner of Cadson Demak.<\/p>

The finished product should bear some resemblance to the Latin counterpart and at the same time, remain aesthetically pleasing and legible to the native eye, he said.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t

\u201cWe wanted the finished product to be a family member, not a Frankenstein twin,\u201d he added.<\/p>

Studying the ends and curves of Inter\u2019s typeface, the designers found ways to adapt elements of the font while retaining the integrity and identity of the Thai and Khmer scripts.<\/p>

\u201cIt’s important for this multi-script font design to maintain the script integrity and familiarity. That would lead to better legibility and readability when in use,\u201d said Tep.<\/p>

Why Southeast Asia is held back by font availability<\/h5>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
Looped and loopless versions of Inter in Khmer and Thai<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
The lack of access to the right typefaces have hindered some businesses from localising their products and services. This prevents many local users from accessing these services because they might not be comfortable in English.<\/span><\/h5>

Meanwhile, companies that are open to using Southeast Asian scripts struggle to find typefaces that align with their brand identities, said Anagata Design\u2019s Tep.<\/p>

Better support for fonts in more languages can help businesses reach a wider audience and would be key to improving access to information and technology.<\/p>

Furthermore, more companies are beginning to recognise the importance of catering to the specific local nuances of various markets they operate in.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"parent":180237,"menu_order":0,"template":"grab21-default","acf":[],"_links":{"self":[{"href":"https:\/\/www.grab.com\/sg\/wp-json\/wp\/v2\/editorial\/184419"}],"collection":[{"href":"https:\/\/www.grab.com\/sg\/wp-json\/wp\/v2\/editorial"}],"about":[{"href":"https:\/\/www.grab.com\/sg\/wp-json\/wp\/v2\/types\/editorial"}],"version-history":[{"count":50,"href":"https:\/\/www.grab.com\/sg\/wp-json\/wp\/v2\/editorial\/184419\/revisions"}],"predecessor-version":[{"id":254686,"href":"https:\/\/www.grab.com\/sg\/wp-json\/wp\/v2\/editorial\/184419\/revisions\/254686"}],"up":[{"embeddable":true,"href":"https:\/\/www.grab.com\/sg\/wp-json\/wp\/v2\/editorial\/180237"}],"wp:attachment":[{"href":"https:\/\/www.grab.com\/sg\/wp-json\/wp\/v2\/media?parent=184419"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}