2. Enter preview text and adjust size, weight, and spacing.
3. Click 'Compare' to add fonts to comparison view.
4. Copy CSS code to apply fonts in your project.
※ Notice
Fonts are dynamically loaded from Google Fonts (internet required).
Korean fonts may take longer to load due to larger file sizes.
All fonts are free to use under open source licenses.
Frequently Asked Questions
Yes, all Google Fonts are provided under open source licenses (mainly SIL Open Font License or Apache License) and can be used freely in personal and commercial projects.
Web fonts require additional HTTP requests and downloads, affecting initial load time. Using font-display: swap shows system fonts first while loading. Korean fonts are larger than Latin fonts due to the number of glyphs.
Serif fonts have small decorative strokes (serifs) at the ends of letters, giving a traditional feel. Sans-serif fonts lack these decorations, providing a clean, modern look. Sans-serif is commonly used for body text on the web for better readability.
Font weight ranges from 100 (Thin) to 900 (Black) in increments of 100. 400 is Normal and 700 is Bold. Not all fonts support all 9 weights; unsupported weights fall back to the nearest available weight.
Web Typography and Font Selection Guide
Good typography significantly improves content readability and user experience.
Basic Principles of Web Typography
Readability is paramount in web typography. Recommended body text size is 16px or larger with a line-height of 1.5-1.8x. For CJK characters, slightly larger sizes and more generous letter-spacing improve readability due to their complex glyph structures.
Font Pairing Tips
The key to effective font pairing is contrast. Use distinctive Display or Serif fonts for headings and readable Sans-serif fonts for body text. Limit to 2-3 fonts per page and create hierarchy through size, weight, and color for a polished design.