可愛又好讀 Rounded 圓體
Shortlist
Fonts you have starred. Star two or more to compare them side by side below.
Starred fonts 0
You haven’t starred any fonts yet. Browse the library
-
- 手寫溫度 Handwriting 楷書
- やさしい 丸ゴシック 0123
- 日本語の美 Typography 0123
- 永續設計 Design 2026
- 明朝体の伝統 Serif 0123
- 文字之美 Typography
- Legible for everyone I l 1 0 OSans
Atkinson Hyperlegible
Braille Institute / Applied Design Works
LatinNumeralsSymbolsSIL Open Font License 1.1Italic 2 weights - BOLD POSTER DISPLAY
- Slab Serif for Screens
- ユニバーサル UD 0123
- ユニバーサル 明朝 0123
- 古典明體 Serif
- if (x != y) => 0b1010;Mono
Cascadia Code
Aaron Bell / Microsoft
LatinNumeralsSymbolsSIL Open Font License 1.1Italic 5 weights - Handwritten notes & ideas!
- 手寫落雁 Script 手寫
- 復古黑體 Classic
- Friendly Rounded 0123
- Display Garamond 1600Serif
Cormorant Garamond
Christian Thalmann
LatinNumeralsSIL Open Font License 1.1Italic 5 weights - 點陣像素 Pixel 11
- Lively casual script!
- 極太 見出し 0123
- Low-contrast Geometric
- Classic Old-style 1592
- x => y !== z && a >= b
- Product UI Geist 2026
- await deploy({ id: 42 });
- 源流明體 Mincho
- 源石黑體 Gothic
- 源泉圓體 Round 圓
- 源雲明體 Elegant
- 源樣黑體 Gothic
- 源樣明體 Serif
- Mechanical Hubot Grotesk
- 芫荽字體 Coriander
- let plex = mono(0x2A);Mono
IBM Plex Mono
Mike Abbink / Bold Monday
LatinNumeralsSymbolsSIL Open Font License 1.1Italic 5 weights - Corporate UI StandardSans
IBM Plex Sans
Mike Abbink / Bold Monday
LatinNumeralsSymbolsSIL Open Font License 1.1Italic 5 weights - Editorial Plex SerifSerif
IBM Plex Serif
Mike Abbink / Bold Monday
LatinNumeralsSymbolsSIL Open Font License 1.1Italic 5 weights - Clean UI Typeface 0123
- const code = () => 0x1F;
- まるっこい 丸文字 0123
- Warm Neutral Sans
- Transitional Serif
- Readable Body Serif
- 等寬楷書 Mono 0123
- すっきり ゴシック 0123
- Modern Semi-sans 08
- 饅頭黑體 Mantou
- Readable Screen Serif
- Ship it with Mona Sans
- Urban Geometric 2026
- 香港設計 Design 2026
- 書香門第 Serif
- Soft Rounded Sans
- Humanist UI Sans 42
- CONDENSED HEADLINES
- Highway Signage SansSans
Overpass
Delve Withrington / Thomas Jockin
LatinNumeralsSymbolsSIL Open Font License 1.1Italic 6 weights - Surf & Sunshine vibes
- Elegant Headlines 1912Serif
Playfair Display
Claus Eggers Sørensen
LatinNumeralsSIL Open Font License 1.1Italic 6 weights - Geometric Sans 2026
- Neutral Public InterestSans
Public Sans
USWDS / Dan Williams
LatinNumeralsSymbolsSIL Open Font License 1.1Italic 6 weights - Elegant Thin Display
- Android System Sans 42
- const x = 0xFF; // monoMono
Roboto Mono
Christian Robertson
LatinNumeralsSymbolsSIL Open Font License 1.1Italic 4 weights - Rounded Corner Sans
- 読みやすい ゴシック 0123
- やわらかな 明朝 0123
- 凛とした 明朝体 0123
- 得意黑 Smiley 2026
- const src = code[0];
- Adobe Open Sans 2026
- Long-form Reading SerifSerif
Source Serif 4
Frank Grießhammer
LatinNumeralsSymbolsSIL Open Font License 1.1Italic 5 weights - Future Display Type 2026
- let space = mono[42];
- 台北設計 Taipei 2026
- Optimized Work Sans
- 小賴等寬 Mono 0123
- 筆で書いた 墨文字
- 舞うような 走り書き
- 端正な 楷書の趣
- 整った 角ゴシック 0123
- やさしい 丸ゴシック 0123
- 行书笔意 潇洒
Side-by-side
Pick two fonts and view their demo sites in parallel — one page scroll keeps both columns aligned.
Star at least two fonts to start comparing.
Sample language
Left: font A
フォントデモサイト
良いフォントで、物語をより良く語る
これはデモ用の架空サイトで、ページ全体に今選んだフォントが適用されています。下にスクロールして、各文字サイズ・ウェイト・字間・行間での見え方を確かめてください。
はじめる 詳しく見る
なぜフォントが大切か
可読性
良い本文用フォントは長文の読書を楽にし、目の疲れを軽減します。
一貫性
豊富なウェイトが見出し・本文・キャプションの調和を保ちます。
個性
フォントはブランドの声——一文字も読まれる前から語りかけます。
タイポグラフィについての覚え書き
良いタイポグラフィは文字をあるべき場所に置き、読者が設計をほとんど意識せずに読み進められるようにします。文字サイズが情報の軽重を決め、行間がリズムをつくり、字間が全体の質感を静かに整えます。
同じフォントでも、大きな見出しでは骨格と個性を見せ、本文サイズでは一歩下がって内容を支えます。だからこそ私たちはすべてのフォントを実際の文脈で見せます——使ってみて初めて、それがあなたのプロジェクトに合うか分かるのです。
タイポグラフィは凍った音楽。リズムは文字と文字の間に潜んでいる。
UI パーツ
概要 プロジェクト メンバー 設定
プロジェクトを作成 ファイルを読み込む ドキュメントを見る
プロジェクト名 2025年 ブランドリニューアル サイドバーと共有リンクに表示されます。あとから変更できます。
公開中 レビュー待ち 下書き
数字と表組み
0123456789
月額 ¥5,800
前月比 +24.8%
請求日 2025/03/31
| プラン | 利用量 | 料金 |
|---|---|---|
| スターター | 10,000 | ¥0 |
| プロ | 250,000 | ¥5,800 |
| エンタープライズ | 3,600,000 | ¥66,000 |
サイズとウェイト一覧
48 / Display いろはにほへと 視覚デザイン Typography 0123456789
32 / H1 いろはにほへと 視覚デザイン Typography 0123456789
24 / H2 いろはにほへと 視覚デザイン Typography 0123456789
16 / Body いろはにほへと 視覚デザイン Typography 0123456789
13 / Caption いろはにほへと 視覚デザイン Typography 0123456789
利用可能なすべてのウェイト
字間 Letter-spacing
tight -0.02em いろはにほへと 視覚デザイン Typography 0123456789
normal 0 いろはにほへと 視覚デザイン Typography 0123456789
wide 0.15em いろはにほへと 視覚デザイン Typography 0123456789
行間 Line-height
tight 1.2
良いタイポグラフィは文字をあるべき場所に置き、読者が設計をほとんど意識せずに読み進められるようにします。文字サイズが情報の軽重を決め、行間がリズムをつくり、字間が全体の質感を静かに整えます。
normal 1.6
良いタイポグラフィは文字をあるべき場所に置き、読者が設計をほとんど意識せずに読み進められるようにします。文字サイズが情報の軽重を決め、行間がリズムをつくり、字間が全体の質感を静かに整えます。
loose 2.0
良いタイポグラフィは文字をあるべき場所に置き、読者が設計をほとんど意識せずに読み進められるようにします。文字サイズが情報の軽重を決め、行間がリズムをつくり、字間が全体の質感を静かに整えます。
字體示範網站
用好的字體，說好一個故事
這是一個示範用的假網站，整頁都套用了你剛剛點選的字體。往下捲動，看看它在不同字級、字重、字距與行高下的實際表現。
立即開始 了解更多
為什麼字體很重要
易讀性
好的內文字體讓長篇閱讀不費力，降低視覺疲勞。
一致性
完整的字重讓標題、內文與註解層次分明卻協調。
個性
字體是品牌的聲音，未開口就先傳達了氣質與態度。
關於排版的一些想法
排版的本質，是把文字安放在恰當的位置，讓讀者幾乎察覺不到設計的存在，卻能順暢地一路讀下去。字級決定了資訊的輕重，行高影響了呼吸的節奏，而字距則在細微處左右著整體的鬆緊。
同一款字體，放大成標題時展現骨架與個性，縮小為內文時則要退居幕後、成全內容。這正是我們把每款字體都放進真實情境示範的原因——只有實際套用，你才會知道它是否適合你的專案。
字體設計是凍結的音樂，節奏就藏在字與字的間距裡。
介面元件
總覽 專案 團隊成員 設定
建立專案 匯入檔案 查看說明文件
專案名稱 2025 年度品牌識別改版 名稱會顯示在側欄與分享連結中，之後可隨時修改。
已發佈 待審核 草稿
數字與表格
0123456789
月費 NT$1,280
較上月成長 +24.8%
結算日 2025/03/31
| 方案 | 用量 | 價格 |
|---|---|---|
| 入門 | 10,000 | NT$0 |
| 專業 | 250,000 | NT$1,280 |
| 企業 | 3,600,000 | NT$14,800 |
字級與字重一覽
48 / Display 視覺設計 Typography 的重點在於平衡 0123456789
32 / H1 視覺設計 Typography 的重點在於平衡 0123456789
24 / H2 視覺設計 Typography 的重點在於平衡 0123456789
16 / Body 視覺設計 Typography 的重點在於平衡 0123456789
13 / Caption 視覺設計 Typography 的重點在於平衡 0123456789
所有可用字重
字距 Letter-spacing
tight -0.02em 視覺設計 Typography 的重點在於平衡 0123456789
normal 0 視覺設計 Typography 的重點在於平衡 0123456789
wide 0.15em 視覺設計 Typography 的重點在於平衡 0123456789
行高 Line-height
tight 1.2
排版的本質，是把文字安放在恰當的位置，讓讀者幾乎察覺不到設計的存在，卻能順暢地一路讀下去。字級決定了資訊的輕重，行高影響了呼吸的節奏，而字距則在細微處左右著整體的鬆緊。
normal 1.6
排版的本質，是把文字安放在恰當的位置，讓讀者幾乎察覺不到設計的存在，卻能順暢地一路讀下去。字級決定了資訊的輕重，行高影響了呼吸的節奏，而字距則在細微處左右著整體的鬆緊。
loose 2.0
排版的本質，是把文字安放在恰當的位置，讓讀者幾乎察覺不到設計的存在，卻能順暢地一路讀下去。字級決定了資訊的輕重，行高影響了呼吸的節奏，而字距則在細微處左右著整體的鬆緊。
Font Demo Site
Tell a better story with better type
This is a demo site — every element on this page uses the font you just picked. Scroll down to see how it performs across sizes, weights, letter-spacing and line-height.
Get Started Learn More
Why type matters
Readability
A good body font makes long reads effortless and reduces eye strain.
Consistency
A full range of weights keeps headings, body and captions in harmony.
Personality
Type is a brand’s voice — it speaks before a single word is read.
A few thoughts on typography
Good typography places words exactly where they belong, so the reader barely notices the design yet glides through the text. Size sets the hierarchy, line-height sets the rhythm, and letter-spacing quietly tunes the overall texture.
The same typeface reveals its skeleton and character at display sizes, then steps back to serve the content at body sizes. That is exactly why we show every font in a real context — only in use will you know if it fits your project.
Typography is frozen music; the rhythm hides in the space between letters.
Interface elements
Overview Projects Members Settings
Create project Import files Read the docs
Project name Brand identity refresh 2025 Shown in the sidebar and on shared links. You can change it later.
Published In review Draft
Numerals & tables
0123456789
Monthly $39.00
vs. last month +24.8%
Billing date 2025/03/31
| Plan | Usage | Price |
|---|---|---|
| Starter | 10,000 | $0 |
| Pro | 250,000 | $39 |
| Enterprise | 3,600,000 | $449 |
Sizes & weights at a glance
48 / Display The quick brown fox jumps over the lazy dog 0123456789
32 / H1 The quick brown fox jumps over the lazy dog 0123456789
24 / H2 The quick brown fox jumps over the lazy dog 0123456789
16 / Body The quick brown fox jumps over the lazy dog 0123456789
13 / Caption The quick brown fox jumps over the lazy dog 0123456789
All available weights
Letter-spacing
tight -0.02em The quick brown fox jumps over the lazy dog 0123456789
normal 0 The quick brown fox jumps over the lazy dog 0123456789
wide 0.15em The quick brown fox jumps over the lazy dog 0123456789
Line-height
tight 1.2
Good typography places words exactly where they belong, so the reader barely notices the design yet glides through the text. Size sets the hierarchy, line-height sets the rhythm, and letter-spacing quietly tunes the overall texture.
normal 1.6
Good typography places words exactly where they belong, so the reader barely notices the design yet glides through the text. Size sets the hierarchy, line-height sets the rhythm, and letter-spacing quietly tunes the overall texture.
loose 2.0
Good typography places words exactly where they belong, so the reader barely notices the design yet glides through the text. Size sets the hierarchy, line-height sets the rhythm, and letter-spacing quietly tunes the overall texture.
Right: font B
フォントデモサイト
良いフォントで、物語をより良く語る
これはデモ用の架空サイトで、ページ全体に今選んだフォントが適用されています。下にスクロールして、各文字サイズ・ウェイト・字間・行間での見え方を確かめてください。
はじめる 詳しく見る
なぜフォントが大切か
可読性
良い本文用フォントは長文の読書を楽にし、目の疲れを軽減します。
一貫性
豊富なウェイトが見出し・本文・キャプションの調和を保ちます。
個性
フォントはブランドの声——一文字も読まれる前から語りかけます。
タイポグラフィについての覚え書き
良いタイポグラフィは文字をあるべき場所に置き、読者が設計をほとんど意識せずに読み進められるようにします。文字サイズが情報の軽重を決め、行間がリズムをつくり、字間が全体の質感を静かに整えます。
同じフォントでも、大きな見出しでは骨格と個性を見せ、本文サイズでは一歩下がって内容を支えます。だからこそ私たちはすべてのフォントを実際の文脈で見せます——使ってみて初めて、それがあなたのプロジェクトに合うか分かるのです。
タイポグラフィは凍った音楽。リズムは文字と文字の間に潜んでいる。
UI パーツ
概要 プロジェクト メンバー 設定
プロジェクトを作成 ファイルを読み込む ドキュメントを見る
プロジェクト名 2025年 ブランドリニューアル サイドバーと共有リンクに表示されます。あとから変更できます。
公開中 レビュー待ち 下書き
数字と表組み
0123456789
月額 ¥5,800
前月比 +24.8%
請求日 2025/03/31
| プラン | 利用量 | 料金 |
|---|---|---|
| スターター | 10,000 | ¥0 |
| プロ | 250,000 | ¥5,800 |
| エンタープライズ | 3,600,000 | ¥66,000 |
サイズとウェイト一覧
48 / Display いろはにほへと 視覚デザイン Typography 0123456789
32 / H1 いろはにほへと 視覚デザイン Typography 0123456789
24 / H2 いろはにほへと 視覚デザイン Typography 0123456789
16 / Body いろはにほへと 視覚デザイン Typography 0123456789
13 / Caption いろはにほへと 視覚デザイン Typography 0123456789
利用可能なすべてのウェイト
字間 Letter-spacing
tight -0.02em いろはにほへと 視覚デザイン Typography 0123456789
normal 0 いろはにほへと 視覚デザイン Typography 0123456789
wide 0.15em いろはにほへと 視覚デザイン Typography 0123456789
行間 Line-height
tight 1.2
良いタイポグラフィは文字をあるべき場所に置き、読者が設計をほとんど意識せずに読み進められるようにします。文字サイズが情報の軽重を決め、行間がリズムをつくり、字間が全体の質感を静かに整えます。
normal 1.6
良いタイポグラフィは文字をあるべき場所に置き、読者が設計をほとんど意識せずに読み進められるようにします。文字サイズが情報の軽重を決め、行間がリズムをつくり、字間が全体の質感を静かに整えます。
loose 2.0
良いタイポグラフィは文字をあるべき場所に置き、読者が設計をほとんど意識せずに読み進められるようにします。文字サイズが情報の軽重を決め、行間がリズムをつくり、字間が全体の質感を静かに整えます。
字體示範網站
用好的字體，說好一個故事
這是一個示範用的假網站，整頁都套用了你剛剛點選的字體。往下捲動，看看它在不同字級、字重、字距與行高下的實際表現。
立即開始 了解更多
為什麼字體很重要
易讀性
好的內文字體讓長篇閱讀不費力，降低視覺疲勞。
一致性
完整的字重讓標題、內文與註解層次分明卻協調。
個性
字體是品牌的聲音，未開口就先傳達了氣質與態度。
關於排版的一些想法
排版的本質，是把文字安放在恰當的位置，讓讀者幾乎察覺不到設計的存在，卻能順暢地一路讀下去。字級決定了資訊的輕重，行高影響了呼吸的節奏，而字距則在細微處左右著整體的鬆緊。
同一款字體，放大成標題時展現骨架與個性，縮小為內文時則要退居幕後、成全內容。這正是我們把每款字體都放進真實情境示範的原因——只有實際套用，你才會知道它是否適合你的專案。
字體設計是凍結的音樂，節奏就藏在字與字的間距裡。
介面元件
總覽 專案 團隊成員 設定
建立專案 匯入檔案 查看說明文件
專案名稱 2025 年度品牌識別改版 名稱會顯示在側欄與分享連結中，之後可隨時修改。
已發佈 待審核 草稿
數字與表格
0123456789
月費 NT$1,280
較上月成長 +24.8%
結算日 2025/03/31
| 方案 | 用量 | 價格 |
|---|---|---|
| 入門 | 10,000 | NT$0 |
| 專業 | 250,000 | NT$1,280 |
| 企業 | 3,600,000 | NT$14,800 |
字級與字重一覽
48 / Display 視覺設計 Typography 的重點在於平衡 0123456789
32 / H1 視覺設計 Typography 的重點在於平衡 0123456789
24 / H2 視覺設計 Typography 的重點在於平衡 0123456789
16 / Body 視覺設計 Typography 的重點在於平衡 0123456789
13 / Caption 視覺設計 Typography 的重點在於平衡 0123456789
所有可用字重
字距 Letter-spacing
tight -0.02em 視覺設計 Typography 的重點在於平衡 0123456789
normal 0 視覺設計 Typography 的重點在於平衡 0123456789
wide 0.15em 視覺設計 Typography 的重點在於平衡 0123456789
行高 Line-height
tight 1.2
排版的本質，是把文字安放在恰當的位置，讓讀者幾乎察覺不到設計的存在，卻能順暢地一路讀下去。字級決定了資訊的輕重，行高影響了呼吸的節奏，而字距則在細微處左右著整體的鬆緊。
normal 1.6
排版的本質，是把文字安放在恰當的位置，讓讀者幾乎察覺不到設計的存在，卻能順暢地一路讀下去。字級決定了資訊的輕重，行高影響了呼吸的節奏，而字距則在細微處左右著整體的鬆緊。
loose 2.0
排版的本質，是把文字安放在恰當的位置，讓讀者幾乎察覺不到設計的存在，卻能順暢地一路讀下去。字級決定了資訊的輕重，行高影響了呼吸的節奏，而字距則在細微處左右著整體的鬆緊。
Font Demo Site
Tell a better story with better type
This is a demo site — every element on this page uses the font you just picked. Scroll down to see how it performs across sizes, weights, letter-spacing and line-height.
Get Started Learn More
Why type matters
Readability
A good body font makes long reads effortless and reduces eye strain.
Consistency
A full range of weights keeps headings, body and captions in harmony.
Personality
Type is a brand’s voice — it speaks before a single word is read.
A few thoughts on typography
Good typography places words exactly where they belong, so the reader barely notices the design yet glides through the text. Size sets the hierarchy, line-height sets the rhythm, and letter-spacing quietly tunes the overall texture.
The same typeface reveals its skeleton and character at display sizes, then steps back to serve the content at body sizes. That is exactly why we show every font in a real context — only in use will you know if it fits your project.
Typography is frozen music; the rhythm hides in the space between letters.
Interface elements
Overview Projects Members Settings
Create project Import files Read the docs
Project name Brand identity refresh 2025 Shown in the sidebar and on shared links. You can change it later.
Published In review Draft
Numerals & tables
0123456789
Monthly $39.00
vs. last month +24.8%
Billing date 2025/03/31
| Plan | Usage | Price |
|---|---|---|
| Starter | 10,000 | $0 |
| Pro | 250,000 | $39 |
| Enterprise | 3,600,000 | $449 |
Sizes & weights at a glance
48 / Display The quick brown fox jumps over the lazy dog 0123456789
32 / H1 The quick brown fox jumps over the lazy dog 0123456789
24 / H2 The quick brown fox jumps over the lazy dog 0123456789
16 / Body The quick brown fox jumps over the lazy dog 0123456789
13 / Caption The quick brown fox jumps over the lazy dog 0123456789
All available weights
Letter-spacing
tight -0.02em The quick brown fox jumps over the lazy dog 0123456789
normal 0 The quick brown fox jumps over the lazy dog 0123456789
wide 0.15em The quick brown fox jumps over the lazy dog 0123456789
Line-height
tight 1.2
Good typography places words exactly where they belong, so the reader barely notices the design yet glides through the text. Size sets the hierarchy, line-height sets the rhythm, and letter-spacing quietly tunes the overall texture.
normal 1.6
Good typography places words exactly where they belong, so the reader barely notices the design yet glides through the text. Size sets the hierarchy, line-height sets the rhythm, and letter-spacing quietly tunes the overall texture.
loose 2.0
Good typography places words exactly where they belong, so the reader barely notices the design yet glides through the text. Size sets the hierarchy, line-height sets the rhythm, and letter-spacing quietly tunes the overall texture.