be5invis/sarasa-gothic

★ 12,223JavaScriptAudience · designerComplexity · 2/5Setup · easy

Mindmap

mindmap
  root((sarasa-gothic))
    Variants
      Gothic and UI
      Mono Term Fixed
    Scripts Covered
      Latin and Greek
      Chinese Japanese Korean
    Regional Styles
      Simplified Chinese
      Traditional Chinese
      Japanese Korean
    Source Components
      Inter for Latin
      Iosevka monospace
      Source Han Sans CJK

mindmap root((sarasa-gothic)) Variants Gothic and UI Mono Term Fixed Scripts Covered Latin and Greek Chinese Japanese Korean Regional Styles Simplified Chinese Traditional Chinese Japanese Korean Source Components Inter for Latin Iosevka monospace Source Han Sans CJK

Click or tap to explore — scroll the page freely

Things people build with this

USE CASE 1

Install Sarasa Gothic Mono in your code editor for a clean coding experience that handles CJK and Latin characters at the same visual weight.

USE CASE 2

Use Sarasa Gothic UI in a web or desktop application that displays mixed Chinese, Japanese, or Korean and Latin text without visual mismatches.

USE CASE 3

Build the font from source to produce TTF or TTC files for a specific regional variant such as simplified Chinese or Japanese.

Tech stack

JavaScriptNode.js

Getting it running

Difficulty · easy Time to first run · 5min

Pre-built font files are available on the GitHub releases page, building from source requires Node.js, AFDKO, and ttfautohint.

In plain English

Sarasa Gothic is a font family designed to display Latin, Greek, Cyrillic, and CJK (Chinese, Japanese, and Korean) characters together in a consistent and readable way. CJK scripts and Latin letters are traditionally designed separately and often look mismatched when mixed in the same line of text. This font solves that by combining three existing open-source typefaces: Inter for Latin and related scripts, Iosevka for a monospace coding version, and Source Han Sans for the Chinese, Japanese, and Korean characters. The font comes in several named variants. The Gothic and UI variants use Inter for Latin characters, with the difference being how quotation marks are sized (full-width or narrow). The Mono, Term, and Fixed variants use Iosevka, which is a monospace font suited to coding environments, with variations in how dashes and ligatures are handled. Each variant is also available in different regional orthographies, covering simplified Chinese, traditional Chinese, Japanese, Korean, Hong Kong Chinese, and a classical style. The repository contains the build tooling to generate the font files from source. Building requires Node.js, a set of Adobe font development tools called AFDKO, and a hinting tool called ttfautohint. Running the build produces TTF files (a standard font format) or TTC files (a container that bundles multiple related fonts together). The README notes that building TTC files requires significant memory due to the large number of variant combinations. The README recommends removing any previously installed version of the font before updating, as some operating systems can have trouble caching updates to large font packages. Pre-built font files are available for download from the GitHub releases page and from mirror servers in China.

Copy-paste prompts

Prompt 1

How do I download and install the Sarasa Gothic Mono font for VS Code on macOS so I can code with CJK characters displayed cleanly?

Prompt 2

What is the difference between Sarasa Mono, Sarasa Term, and Sarasa Fixed, which one should I use in my terminal emulator?

Prompt 3

Help me configure Sarasa Gothic UI as the web font for a site that mixes simplified Chinese and English text using CSS.

Prompt 4

How do I build Sarasa Gothic from source on Linux, what dependencies do I need and what command starts the build?

Open on GitHub → Explain another repo

← be5invis on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.