webfont-noto
webfont-noto copied to clipboard
Noto Sans CJK and Serif CJK subset font
Noto Subset Font

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.