skills/tocbien-ui-ux/references/font-pairings.md

# Cặp font — 74 cặp (39 cặp đủ dấu tiếng Việt cả hai font)

Trang tiếng Việt CHỈ dùng cặp "✅ cả hai". Cột Tiếng Việt đối chiếu bộ ký tự (subset `vietnamese`) trên Google Fonts. Font trong đặc tả phong cách luôn thắng bảng này. Nguồn cặp font: UI UX Pro Max (MIT) — xem THIRD-PARTY-NOTICES.md.

| Tiếng Việt | Cặp | Tiêu đề | Thân bài | Cảm giác | Hợp với | Google Fonts |
|---|---|---|---|---|---|---|
| ✅ cả hai | Classic Elegant | Playfair Display | Inter | elegant, luxury, sophisticated, timeless, premium, editorial | Luxury brands, fashion, spa, beauty, editorial, magazines, high-end e-commerce | https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap |
| ✅ cả hai | Minimal Swiss | Inter | Inter | minimal, clean, swiss, functional, neutral, professional | Dashboards, admin panels, documentation, enterprise apps, design systems | https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap |
| ✅ cả hai | Wellness Calm | Lora | Raleway | calm, wellness, health, relaxing, natural, organic | Health apps, wellness, spa, meditation, yoga, organic brands | https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&family=Raleway:wght@300;400;500;600;700&display=swap |
| ✅ cả hai | Developer Mono | JetBrains Mono | IBM Plex Sans | code, developer, technical, precise, functional, hacker | Developer tools, documentation, code editors, tech blogs, CLI apps | https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap |
| ✅ cả hai | Luxury Serif | Cormorant | Montserrat | luxury, high-end, fashion, elegant, refined, premium | Fashion brands, luxury e-commerce, jewelry, high-end services | https://fonts.googleapis.com/css2?family=Cormorant:wght@400;500;600;700&family=Montserrat:wght@300;400;500;600;700&display=swap |
| ✅ cả hai | Friendly SaaS | Plus Jakarta Sans | Plus Jakarta Sans | friendly, modern, saas, clean, approachable, professional | SaaS products, web apps, dashboards, B2B, productivity tools | https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap |
| ✅ cả hai | News Editorial | Newsreader | Roboto | news, editorial, journalism, trustworthy, readable, informative | News sites, blogs, magazines, journalism, content-heavy sites | https://fonts.googleapis.com/css2?family=Newsreader:wght@400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap |
| ✅ cả hai | Corporate Trust | Lexend | Source Sans 3 | corporate, trustworthy, accessible, readable, professional, clean | Enterprise, government, healthcare, finance, accessibility-focused | https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700&family=Source+Sans+3:wght@300;400;500;600;700&display=swap |
| ✅ cả hai | Brutalist Raw | Space Mono | Space Mono | brutalist, raw, technical, monospace, minimal, stark | Brutalist designs, developer portfolios, experimental, tech art | https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap |
| ✅ cả hai | Soft Rounded | Varela Round | Nunito Sans | soft, rounded, friendly, approachable, warm, gentle | Children's products, pet apps, friendly brands, wellness, soft UI | https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;500;600;700&family=Varela+Round&display=swap |
| ✅ cả hai | Vietnamese Friendly | Be Vietnam Pro | Noto Sans | vietnamese, international, readable, clean, multilingual, accessible | Vietnamese sites, multilingual apps, international products | https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700&family=Noto+Sans:wght@300;400;500;600;700&display=swap |
| ✅ cả hai | Japanese Elegant | Noto Serif JP | Noto Sans JP | japanese, elegant, traditional, modern, multilingual, readable | Japanese sites, Japanese restaurants, cultural sites, anime/manga | https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Noto+Serif+JP:wght@400;500;600;700&display=swap |
| ✅ cả hai | Korean Modern | Noto Sans KR | Noto Sans KR | korean, modern, clean, professional, multilingual, readable | Korean sites, K-beauty, K-pop, Korean businesses, multilingual | https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap |
| ✅ cả hai | Chinese Traditional | Noto Serif TC | Noto Sans TC | chinese, traditional, elegant, cultural, multilingual, readable | Traditional Chinese sites, cultural content, Taiwan/Hong Kong markets | https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&family=Noto+Serif+TC:wght@400;500;600;700&display=swap |
| ✅ cả hai | Chinese Simplified | Noto Sans SC | Noto Sans SC | chinese, simplified, modern, professional, multilingual, readable | Simplified Chinese sites, mainland China market, business apps | https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap |
| ✅ cả hai | Financial Trust | IBM Plex Sans | IBM Plex Sans | financial, trustworthy, professional, corporate, banking, serious | Banks, finance, insurance, investment, fintech, enterprise | https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap |
| ✅ cả hai | Magazine Style | Libre Bodoni | Public Sans | magazine, editorial, publishing, refined, journalism, print | Magazines, online publications, editorial content, journalism | https://fonts.googleapis.com/css2?family=Libre+Bodoni:wght@400;500;600;700&family=Public+Sans:wght@300;400;500;600;700&display=swap |
| ✅ cả hai | Indie/Craft | Amatic SC | Cabin | indie, craft, handmade, artisan, organic, creative | Craft brands, indie products, artisan, handmade, organic products | https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&family=Cabin:wght@400;500;600;700&display=swap |
| ✅ cả hai | Minimalist Portfolio | Archivo | Space Grotesk | minimal, portfolio, designer, creative, clean, artistic | Design portfolios, creative professionals, minimalist brands | https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700&display=swap |
| ✅ cả hai | Wedding/Romance | Great Vibes | Cormorant Infant | wedding, romance, elegant, script, invitation, feminine | Wedding sites, invitations, romantic brands, bridal | https://fonts.googleapis.com/css2?family=Cormorant+Infant:wght@300;400;500;600;700&family=Great+Vibes&display=swap |
| ✅ cả hai | Science/Tech | Exo | Roboto Mono | science, technology, research, data, futuristic, precise | Science, research, tech documentation, data-heavy sites | https://fonts.googleapis.com/css2?family=Exo:wght@300;400;500;600;700&family=Roboto+Mono:wght@300;400;500;700&display=swap |
| ✅ cả hai | Sports/Fitness | Barlow Condensed | Barlow | sports, fitness, athletic, energetic, condensed, action | Sports, fitness, gyms, athletic brands, competition | https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=Barlow:wght@300;400;500;600;700&display=swap |
| ✅ cả hai | Neubrutalist Bold | Lexend Mega | Public Sans | bold, neubrutalist, loud, strong, geometric, quirky | Neubrutalist designs, Gen Z brands, bold marketing | https://fonts.googleapis.com/css2?family=Lexend+Mega:wght@100..900&family=Public+Sans:wght@100..900&display=swap |
| ✅ cả hai | Academic/Archival | EB Garamond | Crimson Text | academic, old-school, university, research, serious, traditional | University sites, archives, research papers, history | https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400;600;700&family=EB+Garamond:wght@400;500;600;700;800&display=swap |
| ✅ cả hai | Spatial Clear | Inter | Inter | spatial, legible, glass, system, clean, neutral | Spatial computing, AR/VR, glassmorphism interfaces | https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap |
| ✅ cả hai | Gen Z Brutal | Anton | Epilogue | brutal, loud, shouty, meme, internet, bold | Gen Z marketing, streetwear, viral campaigns | https://fonts.googleapis.com/css2?family=Anton&family=Epilogue:wght@400;500;600;700&display=swap |
| ✅ cả hai | Minimalist Monochrome Editorial | Playfair Display | Source Serif 4 | monochrome, editorial, austere, typographic, pocket manifesto, luxury, high contrast, brutalist mobile | Luxury fashion mobile apps, editorial publications, digital exhibitions, portfolio apps, high-contrast e-reader aesthetics | https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&family=Source+Serif+4:ital,wght@0,300;0,400;0,600;1,300 |
| ✅ cả hai | Modern Dark Cinema (Inter System) | Inter | Inter | dark, cinematic, technical, precision, clean, premium, developer, professional, high-end utility | Developer tools, fintech/trading, AI dashboards, streaming platforms, high-end productivity apps | https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap |
| ✅ cả hai | SaaS Mobile Boutique (Calistoga + Inter) | Calistoga | Inter | saas, boutique, electric, warm, editorial, bold, premium, fintech, business, dual font, human warmth | B2B SaaS mobile, fintech apps, analytics dashboards, marketing tools, operations platforms | https://fonts.googleapis.com/css2?family=Calistoga:ital@0;1&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap |
| ✅ cả hai | Terminal CLI Monospace | JetBrains Mono | JetBrains Mono | terminal, cli, hacker, monospace, matrix, developer, retro-future, command line, precision, OLED | Developer tools, Web3/blockchain apps, hacker aesthetic, sci-fi games, ARG, security tools, geek-culture portfolios | https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,500;1,400 |
| ✅ cả hai | Kinetic Brutalism (Space Grotesk) | Space Grotesk | Space Grotesk | kinetic, brutalist, aggressive, uppercase, oversized, display, motion, street, bold, high-energy, zine | Music/culture apps, sports platforms, brand flagship mobile, performance dashboards, underground product drops | https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap |
| ✅ cả hai | Flat Design Mobile (System Bold) | Inter | Inter | flat, clean, system, bold, geometric, cross-platform, icon, poster, minimal, functional, responsive | Cross-platform apps, dashboards, system UI, onboarding, marketing pages, informational apps, icon-heavy interfaces | https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap |
| ✅ cả hai | Material You MD3 (Roboto System) | Roboto | Roboto | material design 3, md3, android, google, tonal, friendly, rounded, accessible, adaptive | Android apps, cross-platform tools, productivity software, data-heavy B2B dashboards, enterprise mobile | https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,400 |
| ✅ cả hai | Neo Brutalism Mobile (Space Grotesk Bold) | Space Grotesk | Space Grotesk | neo brutalism, pop art, loud, bold, heavy, stickers, mechanical, high contrast, cream, gen-z | Creative tools, Gen-Z marketing, e-commerce for youth culture, content portfolios, collage-style apps | https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@700&display=swap |
| ✅ cả hai | Bold Typography Mobile (Inter Poster) | Inter | Playfair Display | bold typography, editorial, poster, near-black, vermillion, luxury, type-as-hero, manifesto, high-contrast | Creative brand flagships, reading platforms, event apps, flash pages, luxury mobile experiences | https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=JetBrains+Mono:wght@400&family=Playfair+Display:ital@1 |
| ✅ cả hai | Academia Mobile (Cormorant + Crimson + Cinzel) | Cormorant Garamond | Crimson Pro | academia, library, mahogany, parchment, brass, scholarly, prestige, antique, victorian, leather | Knowledge management apps, scholarly reading tools, personal brand portfolios, RPG games, cultural community platforms | https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&family=Cormorant+Garamond:ital,wght@0,300;0,500;0,700;1,300;1,500&family=Crimson+Pro:ital,wght@0,300;0,400;0,600;1,300;1,400 |
| ✅ cả hai | Web3 Bitcoin DeFi (Space Grotesk + Inter + Mono) | Space Grotesk | Inter | web3, bitcoin, defi, digital gold, fintech, crypto, trustless, luminescent, precision, dark | DeFi protocols and wallets, NFT platforms, metaverse social apps, high-tech brand landing pages | https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Space+Grotesk:wght@500;600;700&display=swap |
| ✅ cả hai | Enterprise SaaS Mobile (Plus Jakarta Sans) | Plus Jakarta Sans | Plus Jakarta Sans | enterprise, saas, b2b, professional, indigo, modern, approachable, legible, ios dynamic type, android scaling | B2B SaaS apps, productivity tools, government and finance mobile apps, admin dashboards, enterprise onboarding | https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,600;0,700;0,800;1,400 |
| ✅ cả hai | Neumorphism Mobile (Plus Jakarta Sans + System) | Plus Jakarta Sans | Plus Jakarta Sans | neumorphism, soft ui, monochromatic, cool grey, minimal, physical, depth, ceramic, system font, utility | Smart home controls, minimal tools, aesthetic dashboards, health monitors, brand showcase pages | https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,700;1,400 |
| ⚠️ chỉ thân bài | Modern Professional | Poppins | Open Sans | modern, professional, clean, corporate, friendly, approachable | SaaS, corporate sites, business apps, startups, professional services | https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap |
| ⚠️ chỉ tiêu đề | Tech Startup | Space Grotesk | DM Sans | tech, startup, modern, innovative, bold, futuristic | Tech companies, startups, SaaS, developer tools, AI products | https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@400;500;600;700&display=swap |
| ⚠️ chỉ tiêu đề | Editorial Classic | Cormorant Garamond | Libre Baskerville | editorial, classic, literary, traditional, refined, bookish | Publishing, blogs, news sites, literary magazines, book covers | https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Libre+Baskerville:wght@400;700&display=swap |
| ⚠️ chỉ thân bài | Playful Creative | Fredoka | Nunito | playful, friendly, fun, creative, warm, approachable | Children's apps, educational, gaming, creative tools, entertainment | https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:wght@300;400;500;600;700&display=swap |
| ⚠️ chỉ thân bài | Bold Statement | Bebas Neue | Source Sans 3 | bold, impactful, strong, dramatic, modern, headlines | Marketing sites, portfolios, agencies, event pages, sports | https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Source+Sans+3:wght@300;400;500;600;700&display=swap |
| ⚠️ chỉ thân bài | Retro Vintage | Abril Fatface | Merriweather | retro, vintage, nostalgic, dramatic, decorative, bold | Vintage brands, breweries, restaurants, creative portfolios, posters | https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Merriweather:wght@300;400;700&display=swap |
| ⚠️ chỉ thân bài | Geometric Modern | Outfit | Work Sans | geometric, modern, clean, balanced, contemporary, versatile | General purpose, portfolios, agencies, modern brands, landing pages | https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Work+Sans:wght@300;400;500;600;700&display=swap |
| ⚠️ chỉ thân bài | Handwritten Charm | Caveat | Quicksand | handwritten, personal, friendly, casual, warm, charming | Personal blogs, invitations, creative portfolios, lifestyle brands | https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&family=Quicksand:wght@300;400;500;600;700&display=swap |
| ⚠️ chỉ thân bài | Fashion Forward | Syne | Manrope | fashion, avant-garde, creative, bold, artistic, edgy | Fashion brands, creative agencies, art galleries, design studios | https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&family=Syne:wght@400;500;600;700&display=swap |
| ⚠️ chỉ tiêu đề | Legal Professional | EB Garamond | Lato | legal, professional, traditional, trustworthy, formal, authoritative | Law firms, legal services, contracts, formal documents, government | https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;600;700&family=Lato:wght@300;400;700&display=swap |
| ⚠️ chỉ thân bài | Medical Clean | Figtree | Noto Sans | medical, clean, accessible, professional, healthcare, trustworthy | Healthcare, medical clinics, pharma, health apps, accessibility | https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700&family=Noto+Sans:wght@300;400;500;700&display=swap |
| ⚠️ chỉ thân bài | Real Estate Luxury | Cinzel | Josefin Sans | real estate, luxury, elegant, sophisticated, property, premium | Real estate, luxury properties, architecture, interior design | https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Josefin+Sans:wght@300;400;500;600;700&display=swap |
| ⚠️ chỉ tiêu đề | Restaurant Menu | Playfair Display SC | Karla | restaurant, menu, culinary, elegant, foodie, hospitality | Restaurants, cafes, food blogs, culinary, hospitality | https://fonts.googleapis.com/css2?family=Karla:wght@300;400;500;600;700&family=Playfair+Display+SC:wght@400;700&display=swap |
| ⚠️ chỉ thân bài | Crypto/Web3 | Orbitron | Exo 2 | crypto, web3, futuristic, tech, blockchain, digital | Crypto platforms, NFT, blockchain, web3, futuristic tech | https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;500;600;700&family=Orbitron:wght@400;500;600;700&display=swap |
| ⚠️ chỉ thân bài | Gaming Bold | Russo One | Chakra Petch | gaming, bold, action, esports, competitive, energetic | Gaming, esports, action games, competitive sports, entertainment | https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@300;400;500;600;700&family=Russo+One&display=swap |
| ⚠️ chỉ thân bài | E-commerce Clean | Rubik | Nunito Sans | ecommerce, clean, shopping, product, retail, conversion | E-commerce, online stores, product pages, retail, shopping | https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;500;600;700&family=Rubik:wght@300;400;500;600;700&display=swap |
| ⚠️ chỉ tiêu đề | Academic/Research | Crimson Pro | Atkinson Hyperlegible | academic, research, scholarly, accessible, readable, educational | Universities, research papers, academic journals, educational | https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&family=Crimson+Pro:wght@400;500;600;700&display=swap |
| ⚠️ chỉ thân bài | Dashboard Data | Fira Code | Fira Sans | dashboard, data, analytics, code, technical, precise | Dashboards, analytics, data visualization, admin panels | https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Fira+Sans:wght@300;400;500;600;700&display=swap |
| ⚠️ chỉ tiêu đề | Kids/Education | Baloo 2 | Comic Neue | kids, education, playful, friendly, colorful, learning | Children's apps, educational games, kid-friendly content | https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700&family=Comic+Neue:wght@300;400;700&display=swap |
| ⚠️ chỉ thân bài | Pixel Retro | Press Start 2P | VT323 | pixel, retro, gaming, 8-bit, nostalgic, arcade | Pixel art games, retro websites, creative portfolios | https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap |
| ⚠️ chỉ thân bài | Kinetic Motion | Syncopate | Space Mono | kinetic, motion, futuristic, speed, wide, tech | Music festivals, automotive, high-energy brands | https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Syncopate:wght@400;700&display=swap |
| ⚠️ chỉ thân bài | Cyberpunk Mobile (Orbitron + JetBrains Mono) | Orbitron | JetBrains Mono | cyberpunk, neon, glitch, hud, sci-fi, dark, matrix green, magenta, chamfered, tactical | Gaming companion apps, fintech/crypto, data visualization, dark brand apps, cyberpunk narrative games | https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&family=Orbitron:wght@700;900&display=swap |
| ⚠️ chỉ tiêu đề | Claymorphism Mobile (Nunito + DM Sans) | Nunito | DM Sans | claymorphism, clay, rounded, playful, candy, bubbly, soft, 3d, children, education, tactile, spring, nunito, dm sans | Children education apps, teen social, brand mascot apps, creative tools, fintech gamification | https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400&family=Nunito:ital,wght@0,700;0,800;0,900;1,700 |
| ⚠️ chỉ thân bài | Sketch Hand-Drawn Mobile (Kalam + Patrick Hand) | Kalam | Patrick Hand | sketch, hand-drawn, handwriting, human, imperfect, organic, paper, kalam, patrick hand, education, journal, creative | Journaling apps, prototype tools, children's picturebook apps, creative platforms, gamified puzzle apps | https://fonts.googleapis.com/css2?family=Kalam:wght@400;700&family=Patrick+Hand&display=swap |
| ❌ không | Premium Sans (DM Sans) | DM Sans | DM Sans | premium, modern, clean, sophisticated, versatile, balanced | Premium brands, modern agencies, SaaS, portfolios, startups | https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap |
| ❌ không | Arabic Elegant | Noto Naskh Arabic | Noto Sans Arabic | arabic, elegant, traditional, cultural, RTL, readable | Arabic sites, Middle East market, Islamic content, bilingual sites | https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400;500;600;700&family=Noto+Sans+Arabic:wght@300;400;500;700&display=swap |
| ❌ không | Thai Modern | Noto Sans Thai | Noto Sans Thai | thai, modern, readable, clean, multilingual, accessible | Thai sites, Southeast Asia, tourism, Thai restaurants | https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@300;400;500;700&display=swap |
| ❌ không | Hebrew Modern | Noto Sans Hebrew | Noto Sans Hebrew | hebrew, modern, RTL, clean, professional, readable | Hebrew sites, Israeli market, Jewish content, bilingual sites | https://fonts.googleapis.com/css2?family=Noto+Sans+Hebrew:wght@300;400;500;700&display=swap |
| ❌ không | Art Deco | Poiret One | Didact Gothic | art deco, vintage, 1920s, elegant, decorative, gatsby | Vintage events, art deco themes, luxury hotels, classic cocktails | https://fonts.googleapis.com/css2?family=Didact+Gothic&family=Poiret+One&display=swap |
| ❌ không | Startup Bold (Outfit + Rubik) | Outfit | Rubik | startup, bold, modern, innovative, confident, dynamic | Startups, pitch decks, product launches, bold brands | https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Rubik:wght@300;400;500;600;700&display=swap |
| ❌ không | Music/Entertainment | Righteous | Poppins | music, entertainment, fun, energetic, bold, performance | Music platforms, entertainment, events, festivals, performers | https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Righteous&display=swap |
| ❌ không | Accessibility First | Atkinson Hyperlegible | Atkinson Hyperlegible | accessible, readable, inclusive, WCAG, dyslexia-friendly, clear | Accessibility-critical sites, government, healthcare, inclusive design | https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&display=swap |
| ❌ không | Luxury Minimalist | Bodoni Moda | Jost | luxury, minimalist, high-end, sophisticated, refined, premium | Luxury minimalist brands, high-end fashion, premium products | https://fonts.googleapis.com/css2?family=Bodoni+Moda:wght@400;500;600;700&family=Jost:wght@300;400;500;600;700&display=swap |
| ❌ không | Tech/HUD Mono | Share Tech Mono | Fira Code | tech, futuristic, hud, sci-fi, data, monospaced, precise | Sci-fi interfaces, developer tools, cybersecurity, dashboards | https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&family=Share+Tech+Mono&display=swap |
| ❌ không | Bauhaus Geometric | Outfit | Outfit | bauhaus, geometric, constructivist, bold, uppercase, architectural, mechanical, poster, tactile | Bauhaus mobile apps, bold editorial mobile, design-forward branding apps, art/culture platforms | https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;700;900&display=swap |