# タイポグラフィ

[Goole Fonts](https://fonts.google.com/noto/specimen/Noto+Sans+JP)

{% embed url="<https://www.figma.com/proto/cOCDbwcWWasumALXkU50JR/%E3%80%90%E4%BB%AENew%E3%80%91Design-Library?content-scaling=fixed&hide-ui=1&node-id=42206-53495&page-id=32146:58819&scaling=scale-down-width&t=zGRYygxrUOSjvlYs-8&viewport=450,630,0.08>" %}

## Android&#x20;

| token      | size | font-weight |
| ---------- | ---- | ----------- |
| Headline 1 | 96px | Light       |
| Headline 2 | 60px | Light       |
| Headline 3 | 48px | Regular     |
| Headline 4 | 34px | Regular     |
| Headline 5 | 24px | Regular     |
| Headline 6 | 20px | Medium      |
| Subtitle 1 | 20px | Regular     |
| Subtitle 2 | 16px | Medium      |
| Body 1     | 16px | Regular     |
| Body 2     | 14px | Regular     |
| Button     | 14px | Medium      |
| Caption    | 12px | Regular     |
| Overline   | 10px | Regular     |

## iOS

| token             | size | font-weight |
| ----------------- | ---- | ----------- |
| Large Title       | 96px | Light       |
| Title 1           | 60px | Light       |
| Title 2           | 48px | Regular     |
| Title 3           | 34px | Regular     |
| Headline          | 24px | Regular     |
| Body              | 20px | Medium      |
| Callout           | 20px | Regular     |
| Subhead           | 16px | Medium      |
| Footnote          | 16px | Regular     |
| Caption 1         | 14px | Regular     |
| Caption 2         | 14px | Medium      |
| Bottom Navigation | 12px | Regular     |