Convert Figma logo to code with AI

notofonts logonoto-cjk

Noto CJK fonts

2,946
215
2,946
46

Top Related Projects

Source Han Sans | 思源黑体 | 思源黑體 | 思源黑體 香港 | 源ノ角ゴシック | 본고딕

Noto fonts, except for CJK and emoji

Noto CJK fonts

Source Han Serif | 思源宋体 | 思源宋體 | 思源宋體 香港 | 源ノ明朝 | 본명조

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

Noto Emoji fonts

Quick Overview

The noto-cjk repository is part of the Noto Fonts project, which aims to provide a comprehensive set of open-source fonts that support the world's writing systems. The noto-cjk repository specifically focuses on providing fonts for the Chinese, Japanese, and Korean (CJK) writing systems.

Pros

  • Comprehensive Coverage: The Noto CJK fonts cover a wide range of CJK characters, including traditional and simplified Chinese, Japanese, and Korean scripts.
  • Open-Source and Free: The Noto CJK fonts are released under the SIL Open Font License, making them freely available for both personal and commercial use.
  • Consistent Design: The Noto CJK fonts share a consistent design aesthetic, ensuring a harmonious appearance when used together.
  • Actively Maintained: The Noto project is actively maintained, with regular updates and improvements to the font files.

Cons

  • Large File Size: The Noto CJK font files can be quite large, as they include a vast number of glyphs to support the CJK writing systems.
  • Limited Customization: The Noto CJK fonts are designed to be comprehensive and consistent, which may limit the ability to customize the fonts for specific use cases.
  • Potential Licensing Concerns: While the Noto CJK fonts are open-source, there may be some concerns or uncertainties around the licensing terms for certain use cases.
  • Limited Hinting: The Noto CJK fonts may not have the same level of hinting and optimization as some commercial CJK font families, which could affect their appearance on certain platforms or at smaller sizes.

Code Examples

This repository does not contain any code, as it is a collection of font files. The Noto CJK fonts are primarily used in design and typesetting applications, rather than as a code library.

Getting Started

To use the Noto CJK fonts, you can follow these steps:

  1. Visit the Noto Fonts website and navigate to the "Noto CJK" section.
  2. Download the appropriate font files for your needs, such as the "Noto Sans CJK" or "Noto Serif CJK" families.
  3. Extract the downloaded font files to a directory on your system.
  4. In your design or typesetting application, add the Noto CJK font files to your font library or font management system.
  5. Start using the Noto CJK fonts in your projects, ensuring that the appropriate font is selected for the desired language or script.

Alternatively, you can use the Noto CJK fonts directly in your web projects by including the font files or linking to the Noto Fonts CDN. Here's an example of how to use the Noto Sans CJK font in a CSS stylesheet:

@font-face {
  font-family: 'Noto Sans CJK';
  font-style: normal;
  font-weight: 400;
  src: url('https://fonts.gstatic.com/s/notosanscjk/v19/j8_76_LD37rqfkAEpiWRJVnNhQVITNz.woff2') format('woff2');
  unicode-range: U+4E00-9FFF, U+3400-4DBF, U+20000-2A6DF, U+2A700-2B73F, U+2B740-2B81F, U+2B820-2CEAF, U+F900-FAFF, U+31C0-31EF, U+2F00-2FDF, U+E000-E01EF, U+3040-309F, U+30A0-30FF, U+3100-312F, U+31A0-31BF, U+AC00-D7AF, U+1100-11FF, U+A960-A97F, U+1780-17FF, U+1800-18AF;
}

This example loads the Noto Sans CJK font from the Google Fonts CDN and applies it to the appropriate Unicode ranges for CJK characters

Competitor Comparisons

Source Han Sans | 思源黑体 | 思源黑體 | 思源黑體 香港 | 源ノ角ゴシック | 본고딕

Pros of Source Han Sans

  • More comprehensive character coverage, including rare CJK ideographs
  • Includes multiple weights and styles for greater design flexibility
  • Collaborative development with input from multiple type foundries

Cons of Source Han Sans

  • Larger file sizes due to extensive character set
  • May require more system resources to render complex glyphs
  • Less frequent updates compared to Noto CJK

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 fonts, but Source Han Sans offers a more extensive character set and stylistic options, while Noto CJK focuses on broader language support and more frequent updates. The code usage is similar, with the main difference being the font family name specified in the CSS.

Noto fonts, except for CJK and emoji

Pros of noto-fonts

  • Covers a wider range of scripts and languages globally
  • More frequent updates and contributions
  • Includes variable font versions for many scripts

Cons of noto-fonts

  • Larger repository size due to comprehensive coverage
  • May require more time to navigate and find specific fonts
  • Some scripts might have less specialized attention compared to noto-cjk

Code comparison

noto-fonts:

src/
├── latin
├── arabic
├── devanagari
└── ...

noto-cjk:

src/
├── NotoSansCJK-Black.otf
├── NotoSansCJK-Bold.otf
├── NotoSansCJK-Light.otf
└── ...

The noto-fonts repository has a more complex directory structure, organizing fonts by script, while noto-cjk has a flatter structure focused specifically on CJK (Chinese, Japanese, Korean) fonts.

noto-fonts provides a comprehensive solution for global typography needs, covering numerous scripts and languages. It offers more frequent updates and includes variable font versions. However, its large size may make navigation challenging.

noto-cjk, on the other hand, specializes in CJK fonts, providing a more focused and potentially optimized solution for East Asian typography. It has a simpler structure but may lack the broader language support found in noto-fonts.

Noto CJK fonts

Pros of noto-cjk

  • Comprehensive coverage of CJK (Chinese, Japanese, Korean) characters
  • Regular updates and maintenance
  • Well-documented and organized repository structure

Cons of noto-cjk

  • Large file sizes due to extensive character set
  • May require more system resources for rendering
  • Potential complexity in integrating with certain applications

Code Comparison

While both repositories are font-related and don't contain typical code samples, we can compare their directory structures:

noto-cjk:

/NotoSansCJK-Black.ttc
/NotoSansCJK-Bold.ttc
/NotoSansCJK-DemiLight.ttc
/NotoSansCJK-Light.ttc
/NotoSansCJK-Medium.ttc

noto-cjk:

/Sans/OTC/
/Sans/SubsetOTF/
/Serif/OTC/
/Serif/SubsetOTF/
/LICENSE

The noto-cjk repository appears to have a more organized structure with separate directories for Sans and Serif fonts, as well as OTC (OpenType Collection) and SubsetOTF formats. This organization may make it easier for users to find specific font variants and styles.

Source Han Serif | 思源宋体 | 思源宋體 | 思源宋體 香港 | 源ノ明朝 | 본명조

Pros of Source Han Serif

  • More comprehensive character coverage, including rare CJK ideographs
  • Includes multiple weights and styles for greater design flexibility
  • Collaborative development with input from multiple type foundries

Cons of Source Han Serif

  • Larger file sizes due to extensive character set
  • May require more system resources to render complex glyphs
  • Less frequent updates compared to Noto CJK

Code Comparison

Source Han Serif:

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

Noto CJK:

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

Both repositories provide high-quality CJK fonts, but Source Han Serif offers a more extensive character set and stylistic options at the cost of larger file sizes. Noto CJK, while more compact, focuses on essential characters and receives more frequent updates. The code implementation for both fonts is similar, with the main difference being the font family name used in CSS declarations.

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

Pros of Sarasa-Gothic

  • Offers a wider range of language support, including CJK, Latin, and Cyrillic scripts
  • Provides multiple weight variants and styles for each font
  • Includes monospaced versions of the fonts, suitable for coding and terminal use

Cons of Sarasa-Gothic

  • Smaller community and less frequent updates compared to Noto CJK
  • May have less extensive documentation and support resources
  • Potentially less optimized for specific CJK languages compared to Noto's specialized fonts

Code Comparison

While both projects are font repositories, they don't contain significant amounts of code. However, here's a comparison of their build processes:

Noto CJK:

python3 build_ttc.py --output Noto-CJK.ttc --input NotoSansCJK-Regular.otf NotoSerifCJK-Regular.otf

Sarasa-Gothic:

npm run build ttf::SGo

Sarasa-Gothic uses a Node.js-based build system, while Noto CJK relies on Python scripts for font compilation. This difference reflects their distinct development approaches and tooling preferences.

Noto Emoji fonts

Pros of noto-emoji

  • Specialized for emoji characters, providing a comprehensive set of colorful and expressive icons
  • Regular updates to include new emoji standards and Unicode versions
  • Includes tools for building and processing emoji fonts

Cons of noto-emoji

  • Limited to emoji characters, not suitable for general text rendering
  • Larger file size due to color information and detailed designs
  • May require additional processing or support for proper display in some applications

Code comparison

noto-emoji:

def get_emoji_name(filename):
    return path.splitext(path.basename(filename))[0]

def emoji_names(srcdir):
    return [get_emoji_name(f) for f in glob.glob(path.join(srcdir, '*.png'))]

noto-cjk:

def get_cjk_info(filename):
    return path.splitext(path.basename(filename))[0].split('-')

def cjk_names(srcdir):
    return [get_cjk_info(f) for f in glob.glob(path.join(srcdir, '*.otf'))]

Both repositories are part of the Noto fonts project, but they serve different purposes. noto-emoji focuses on providing colorful emoji characters, while noto-cjk is designed for CJK (Chinese, Japanese, and Korean) text rendering. The code snippets show how each project handles file naming and information extraction, reflecting their specialized nature.

Convert Figma logo designs to code with AI

Visual Copilot

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

Try Visual Copilot

README

Noto CJK fonts

Download individual fonts from the download guides for Noto Sans CJK or Noto Serif CJK or look in Releases

Release notes and version history are documented separately for Sans and Serif

Noto CJK fonts are also available on Google Fonts but under different names than in this repository. The two letter code here is replaced at Google Fonts as follows:

  • JP -> Japanese
  • KR -> Korean
  • SC -> Simplified Chinese
  • TC -> Traditional Chinese
  • HK -> Hong Kong