source-han-sans

14,282

1,298

14,282

210

View on GitHub

Top Related Projects

noto-fonts

2,451

Noto fonts, except for CJK and emoji

source-han-serif

8,129

Sarasa-Gothic

9,914

Sarasa Gothic / 更纱黑体 / 更紗黑體 / 更紗ゴシック / 사라사 고딕

source-han-mono

1,123

Quick Overview

Source Han Sans is an open-source Pan-CJK typeface family developed by Adobe in collaboration with Google. It supports Japanese, Korean, Traditional Chinese, and Simplified Chinese, providing a consistent and harmonious design across these East Asian writing systems. The project aims to offer a versatile and high-quality font solution for multilingual typography.

Pros

Comprehensive coverage of East Asian languages and scripts
Consistent design across multiple writing systems
Open-source and freely available for commercial and personal use
Extensive weight range, from ExtraLight to Heavy

Cons

Large file sizes due to comprehensive character coverage
May require additional configuration for optimal display in some applications
Limited stylistic variations compared to some commercial font families
Potential rendering issues on older systems or devices

Getting Started

As Source Han Sans is a font family and not a code library, there are no code examples or quick start instructions. To use Source Han Sans:

Visit the GitHub repository: adobe-fonts/source-han-sans
Download the desired font files (OTF or OTC format)
Install the fonts on your system according to your operating system's instructions
Use the fonts in your design applications or web projects by specifying the font family name "Source Han Sans" followed by the desired language suffix (e.g., "Source Han Sans JP" for Japanese)

For web use, you can also include the fonts via Google Fonts by adding the following line to your HTML:

<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap" rel="stylesheet">

Replace "JP" with "KR" for Korean, "SC" for Simplified Chinese, or "TC" for Traditional Chinese as needed.

Competitor Comparisons

noto-cjk

2,946

Noto CJK fonts

Pros of Noto CJK

Broader language support, including Vietnamese
More frequent updates and maintenance
Larger community and wider adoption

Cons of Noto CJK

Slightly larger file sizes
Less extensive documentation compared to Source Han Sans
Fewer weight variations available

Code Comparison

Source Han Sans:

@font-face {
  font-family: 'Source Han Sans';
  src: url('SourceHanSans-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

Noto CJK:

@font-face {
  font-family: 'Noto Sans CJK';
  src: url('NotoSansCJK-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

Both repositories provide high-quality CJK (Chinese, Japanese, Korean) font families. Source Han Sans, developed by Adobe, offers excellent documentation and a wide range of weights. Noto CJK, part of Google's Noto font project, provides broader language support and more frequent updates. While Source Han Sans may have slightly smaller file sizes, Noto CJK benefits from a larger community and wider adoption. The choice between the two often depends on specific project requirements and personal preferences.

noto-fonts

2,451

Noto fonts, except for CJK and emoji

Pros of Noto Fonts

Broader language coverage, aiming to support all Unicode scripts
More font styles and weights available for various languages
Regular updates and additions to the font family

Cons of Noto Fonts

Larger file sizes due to extensive language support
May have less refined CJK (Chinese, Japanese, Korean) glyph designs
Potentially slower rendering due to the comprehensive character set

Code Comparison

Source Han Sans:

@font-face {
  font-family: 'Source Han Sans';
  src: url('SourceHanSans-Regular.otf') format('opentype');
}

Noto Fonts:

@font-face {
  font-family: 'Noto Sans';
  src: url('NotoSans-Regular.ttf') format('truetype');
}

Both repositories provide high-quality, open-source font families. Source Han Sans focuses on CJK languages with exceptional design quality, while Noto Fonts aims for universal language coverage. The choice between them depends on specific project requirements, such as language support needs and design preferences.

source-han-serif

8,129

Pros of Source Han Serif

More elegant and traditional appearance, suitable for formal documents
Better readability in print media and at smaller sizes
Includes additional glyphs for classical Chinese characters

Cons of Source Han Serif

Larger file size due to more complex glyph shapes
May appear less crisp on low-resolution displays
Slightly reduced legibility for extended on-screen reading

Code Comparison

While both repositories are font projects and don't contain typical code, we can compare their font configuration files:

Source Han Sans:

<ttFont sfntVersion="\x00\x01\x00\x00" ttLibVersion="3.41">
  <GlyphOrder src="glyph_order.ttx"/>
  <head>
    <!-- Head table -->
  </head>
  <hhea>
    <!-- Horizontal header table -->
  </hhea>

Source Han Serif:

<ttFont sfntVersion="\x00\x01\x00\x00" ttLibVersion="3.41">
  <GlyphOrder src="glyph_order.ttx"/>
  <head>
    <!-- Head table with serif-specific values -->
  </head>
  <hhea>
    <!-- Horizontal header table with serif adjustments -->
  </hhea>

The configuration files are similar, with minor differences in table values to accommodate the serif style.

Sarasa-Gothic

9,914

Sarasa Gothic / 更纱黑体 / 更紗黑體 / 更紗ゴシック / 사라사 고딕

Pros of Sarasa-Gothic

Combines CJK and Latin fonts, offering a more comprehensive character set
Provides multiple weights and styles, including monospace variants
Offers better support for programming-specific ligatures and symbols

Cons of Sarasa-Gothic

Larger file size due to the inclusion of multiple font families
May have less extensive language support compared to Source Han Sans
Potentially less frequent updates and maintenance

Code Comparison

Source Han Sans:

@font-face {
  font-family: 'Source Han Sans';
  src: url('SourceHanSans-Regular.otf') format('opentype');
}

Sarasa-Gothic:

@font-face {
  font-family: 'Sarasa Gothic';
  src: url('sarasa-gothic-regular.ttf') format('truetype');
}

Both repositories provide high-quality CJK fonts, but Sarasa-Gothic focuses on combining CJK and Latin characters with programming-friendly features. Source Han Sans, developed by Adobe, offers a more extensive language coverage and is likely to receive more frequent updates. The choice between the two depends on specific use cases, with Sarasa-Gothic being particularly suitable for developers working with multilingual codebases.

source-han-mono

1,123

Pros of Source Han Mono

Monospaced design, ideal for coding and terminal use
Includes both Latin and CJK characters in a single font
Supports a wide range of weights, from ExtraLight to Heavy

Cons of Source Han Mono

Limited character set compared to Source Han Sans
May not be as suitable for general text and reading purposes
Larger file size due to inclusion of both Latin and CJK glyphs

Code Comparison

While both fonts are primarily for display purposes, Source Han Mono is particularly useful for coding environments. Here's an example of how they might appear in code:

Source Han Mono:

def hello_world():
    print("你好，世界！")

Source Han Sans:

def hello_world():
    print("你好，世界！")

The monospaced nature of Source Han Mono ensures that characters align vertically, which can be beneficial for code readability and formatting. Source Han Sans, being proportional, may not maintain this alignment but can offer a more natural reading experience for non-code text.

Both fonts provide excellent support for CJK characters, making them suitable for multilingual development environments. However, Source Han Mono's monospaced design makes it particularly well-suited for coding tasks, while Source Han Sans excels in general text display and readability.

Convert designs to code with AI

Introducing Visual Copilot: A new AI model to turn Figma designs to high quality code using your components.

Try Visual Copilot

README

English ç®ä½ä¸æ ç¹é«ä¸æ æ¥æ¬èª íêµì´

Source Han Sans

Source Han Sans is a set of OpenType Pan-CJK fonts. In addition to functional OpenType fonts, this open source project provides all of the source files that were used to build these OpenType fonts by using the AFDKO tools.

Download the fonts (OTF, OTC, Super OTC, Subset OTF, Variable OTF/TTF/WOFF2)

Individual font resources or ZIP files for various deployment configurations are available for download:

Latest release

To help decide which fonts to download, please refer to the Configurations section of the official font readme file. Those who are unfamiliar with GitHub are encouraged to reference the official Source Han download guide, which is provided in English, Japanese, Korean, Simplified Chinese, and Traditional Chinese.

You can also download entire releases that include all available configurations in two ZIP files.

Building the fonts from source

Requirements

To build the binary font files from source, you need to have installed the Adobe Font Development Kit for OpenType (AFDKO). The AFDKO tools are widely used for font development today, and are part of most font editor applications.

Build all fonts

In this repository, all necessary files are in place for building the fonts. The COMMANDS.txt file provides the command lines that are used.

Getting Involved

For any suggestions for changes, please create a new issue for consideration.

Further information

For information about the design and background of Source Han Sans, please refer to the design guide and official font readme file.

Top Related Projects

Convert designs to code with AI

Introducing Visual Copilot: A new AI model to turn Figma designs to high quality code using your components.

Try Visual Copilot