Skip to content

Latest commit

 

History

History
152 lines (128 loc) · 8.24 KB

README.md

File metadata and controls

152 lines (128 loc) · 8.24 KB

Noto Subset Font

Screenshot

Description

Noto Sans CJK and Serif CJK subset fonts (sc, tc, jp, and kr). The tag of the Noto font is v2017-06-01.

Demo

https://krescentmoon.github.io/webfont-noto/

Github

https://github.com/krescentmoon/webfont-noto/

Diretory Structure

o
|-- dist
|   |-- NotoSans
|   |   `-- font
|   |       `-- subset
|   |           |-- font-slim
|   |           `-- font-standard
|   `-- NotoSerif
|       `-- font
|           `-- subset
|               |-- font-slim
|               `-- font-standard
`-- release

Glyphs

| Font                    | Origin | Glyphs | Compression |
|-------------------------|--------|--------|-------------|
| NotoSans-slim           | 2,790  | 79     | 97.17%      |
| NotoSansCJKsc-slim      | 62,539 | 4,306  | 93.11%      |
| NotoSansCJKtc-slim      | 62,548 | 4,657  | 92.55%      |
| NotoSansCJKkr-slim      | 62,514 | 3,643  | 94.17%      |
| NotoSerif-slim          | 2,790  | 79     | 97.17%      |
| NotoSerifCJKsc-slim     | 64,224 | 4,306  | 93.30%      |
| NotoSerifCJKtc-slim     | 64,218 | 4,657  | 92.75%      |
| NotoSerifCJKkr-slim     | 64,197 | 3,643  | 94.33%      |
| NotoSansCJKsc-standard  | 62,539 | 774    | 98.76%      |
| NotoSansCJKtc-standard  | 62,548 | 13,982 | 77.65%      |
| NotoSansCJKjp-standard  | 62,514 | 7,197  | 88.49%      |
| NotoSansCJKkr-standard  | 62,526 | 8,531  | 86.36%      |
| NotoSerifCJKsc-standard | 64,224 | 774    | 98.79%      |
| NotoSerifCJKtc-standard | 64,218 | 13,982 | 78.23%      |
| NotoSerifCJKjp-standard | 64,197 | 7,197  | 88.79%      |
| NotoSerifCJKkr-standard | 64,203 | 8,531  | 86.71%      |
| Total Average           | 55,799 | 5,396  | 90.33%      |

Font Size

See more details

| Font                    | Origin   | OTF     | WOFF    | WOFF2   | Compression |
|-------------------------|----------|---------|---------|---------|-------------|
| NotoSans-slim           | 0.30 MB  | 0.01 MB | 0.01 MB | 0.01 MB | 96.66%      |
| NotoSansCJKsc-slim      | 15.72 MB | 0.95 MB | 0.81 MB | 0.72 MB | 94.74%      |
| NotoSansCJKtc-slim      | 15.73 MB | 1.11 MB | 0.96 MB | 0.85 MB | 93.81%      |
| NotoSansCJKkr-slim      | 15.76 MB | 0.48 MB | 0.35 MB | 0.31 MB | 97.60%      |
| NotoSerif-slim          | 0.37 MB  | 0.02 MB | 0.01 MB | 0.01 MB | 96.39%      |
| NotoSerifCJKsc-slim     | 22.31 MB | 1.28 MB | 1.05 MB | 0.93 MB | 95.12%      |
| NotoSerifCJKtc-slim     | 22.31 MB | 1.49 MB | 1.24 MB | 1.09 MB | 94.28%      |
| NotoSerifCJKkr-slim     | 22.29 MB | 0.93 MB | 0.66 MB | 0.54 MB | 96.81%      |
| NotoSansCJKsc-standard  | 15.72 MB | 1.82 MB | 1.54 MB | 1.35 MB | 90.02%      |
| NotoSansCJKtc-standard  | 15.73 MB | 3.89 MB | 3.35 MB | 2.87 MB | 78.58%      |
| NotoSansCJKjp-standard  | 15.73 MB | 2.12 MB | 1.81 MB | 1.58 MB | 88.33%      |
| NotoSansCJKkr-standard  | 15.76 MB | 1.74 MB | 1.44 MB | 1.28 MB | 90.57%      |
| NotoSerifCJKsc-standard | 22.31 MB | 2.45 MB | 2.02 MB | 1.76 MB | 90.69%      |
| NotoSerifCJKtc-standard | 22.31 MB | 5.25 MB | 4.36 MB | 3.68 MB | 80.14%      |
| NotoSerifCJKjp-standard | 22.32 MB | 2.95 MB | 2.44 MB | 2.10 MB | 88.82%      |
| NotoSerifCJKkr-standard | 22.29 MB | 2.68 MB | 2.12 MB | 1.81 MB | 90.12%      |
| Total Average           | 16.68 MB | 1.82 MB | 1.51 MB | 1.31 MB | 91.42%      |

Usage

Install

<link rel="stylesheet" href="file/path/font.css" />   

CSS font-face property

@font-face{
    font-family: 'Noto Sans CJK {JP, KR, SC, TC}';
    font-style: normal;
    font-weight: 400;
    src: local('☺'),
         url('NotoSansCJK{jp, kr, sc, tc}.woff2') format('woff2'),
         url('NotoSansCJK{jp, kr, sc, tc}.woff') format('woff'),
         url('NotoSansCJK{jp, kr, sc, tc}.otf') format('opentype');
}

CSS font-family property

See more Guidelines for Using Noto

font-family: 'Noto Sans CJK {JP, KR, SC, TC}', sans-serif;
font-family: 'Noto Serif CJK {JP, KR, SC, TC}', serif;

For a Japanese website:

font-family: 'Noto Sans CJK JP', sans-serif;
font-family: 'Noto Sans CJK JP', serif;

CSS font-weight property

| font-weight | NotoSans           | NotoSansCJK | NotoSerif  | NotoSerifCJK |
|-------------|--------------------|-------------|------------|--------------|
| 100         | Thin               | Thin        | Thin       | -            |
| 200         | ExtraLight         | Light       | ExtraLight | ExtraLight   |
| 300         | Light              | DemiLight   | Light      | Light        |
| 400         | Regular            | Regular     | Regular    | Regular      |
| 500         | Medium             | Medium      | Medium     | Medium       |
| 600         | SemiBold           | -           | SemiBold   | SemiBold     |
| 700         | Bold               | Bold        | Bold       | Bold         |
| 800         | ExtraBold          | -           | ExtraBold  | -            |
| 900         | Black              | Black       | Black      | Black        |

Download (Github)

Font Slim Standard
NotoSans-unhinted Download -
NotoSansCJKsc-hinted Download Download
NotoSansCJKtc-hinted Download Download
NotoSansCJKjp-hinted - Download
NotoSansCJKkr-hinted Download Download
NotoSerif-unhinted Download -
NotoSerifCJKsc-hinted Download Download
NotoSerifCJKtc-hinted Download Download
NotoSerifCJKjp-hinted - Download
NotoSerifCJKkr-hinted Download Download

Changelog

Please see CHANGELOG for more information what has changed recently.

License

Noto Subset fonts are licensed under the SIL OPEN FONT LICENSE, Version 1.1.