记录品牌语气、标题字体和正文字体的配对理由. 靈感來自 pascalwengerter/awesome-webtools,並以 ToolNext 原生頁面實作,包含 SEO、中英以外語系 FAQ 與響應式版面。 由 ToolNext 免費線上工具箱提供。
Document brand mood, heading font, and body font for font pairing decisions.
Enter Brand mood, results update automatically
Enter Heading font, results update automatically
Enter Body font, results update automatically
Brand mood: calm, technical, trustworthy Typography pairing: Heading: Inter — 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif Body: Source Sans 3 — 'Source Sans 3', 'Segoe UI', Arial, sans-serif CSS (Google Fonts): <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Source%2BSans%2B3:wght@400;500&display=swap" rel="stylesheet"> CSS font-family: --font-heading: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif; --font-body: 'Source Sans 3', 'Segoe UI', Arial, sans-serif; Rule: test numerals, punctuation, CJK fallback, and mobile line-height before shipping.