koriweb
9609c04755
W3Schools 튜토리얼을 P-Reinforce v3.1 포맷으로 위키화(영어 본문, 한/영 섹션 헤더). - Topic_HTML: 59문서 (튜토리얼+예제, 레퍼런스/메타 제외) - Topic_CSS: 190문서 (메인 + Advanced/Flexbox/Grid/RWD 전체) - Topic_JavaScript: 120문서 (코어 언어; Temporal/DOM상세/BOM/WebAPI/AJAX/jQuery/Graphics 등은 후속) 각 폴더 00_INDEX.md(MOC) 포함. 코드 verbatim, 미확인분은 "Not found in source" 표기. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
4.6 KiB
id, title, category, status, verification_status, canonical_id, aliases, duplicate_of, source_trust_level, confidence_score, created_at, updated_at, review_reason, merge_history, tags, raw_sources, applied_in, github_commit
| id | title | category | status | verification_status | canonical_id | aliases | duplicate_of | source_trust_level | confidence_score | created_at | updated_at | review_reason | merge_history | tags | raw_sources | applied_in | github_commit | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| css-font-fallbacks | CSS Font Fallbacks | Frontend | draft | conceptual |
|
B | 0.88 | 2026-06-23 | 2026-06-23 |
|
|
CSS Font Fallbacks
🎯 한 줄 통찰 (One-line insight)
This page lists commonly used font-family fallback stacks organized by the five generic font families — Serif, Sans-serif, Monospace, Cursive, and Fantasy — each ending in its generic family so the browser has a guaranteed last resort. [S1]
🧠 핵심 개념 (Core concepts)
- Fallback stacks by generic family — commonly used font fallbacks, organized by the 5 generic font families: Serif, Sans-serif, Monospace, Cursive, Fantasy. [S1]
- Each stack ends in a generic family — every listed stack terminates with
serif,sans-serif,monospace,cursive, orfantasy. [S1]
🧩 추출된 패턴 (Extracted patterns)
- Ready-made stacks — reuse the curated stacks (e.g.
Arial, Helvetica, sans-serif) rather than inventing your own. [S1] - Quote multi-word names — multi-word font names inside a stack are quoted, e.g.
"Times New Roman","Trebuchet MS","Courier New","Brush Script MT". [S1]
📖 세부 내용 (Details)
Below are some commonly used font fallbacks, organized by the 5 generic font families: Serif, Sans-serif, Monospace, Cursive, Fantasy. [S1]
Serif fonts: [S1]
font-family: "Times New Roman", Times, serif;
font-family: Georgia, serif;
font-family: Garamond, serif;
Sans-serif fonts: [S1]
font-family: Arial, Helvetica, sans-serif;
font-family: Tahoma, Verdana, sans-serif;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-family: Geneva, Verdana, sans-serif;
Monospace fonts: [S1]
font-family: "Courier New", Courier, monospace;
Cursive fonts: [S1]
font-family: "Brush Script MT", cursive;
Fantasy fonts: [S1]
font-family: Copperplate, Papyrus, fantasy;
Tip: Also check out all available Google Fonts and how to use them. [S1]
🛠️ 적용 사례 (Applied in summary)
The page presents each fallback stack in a table with the font-family value, a rendered example, and a "Try it" link, so the stacks themselves are the applied examples. No external project/commit applications found in the source.
💻 코드 패턴 (Code patterns)
Generic-family-terminated stack (language: CSS):
selector {
font-family: "Primary Font", IntermediateFont, generic-family;
}
Concrete examples:
font-family: "Times New Roman", Times, serif;
font-family: Arial, Helvetica, sans-serif;
font-family: "Courier New", Courier, monospace;
⚖️ 비교 및 선택 기준 (Comparison & decision criteria)
Choose a stack by the generic family that matches the intended style: serif stacks ("Times New Roman", Times, serif; Georgia, serif; Garamond, serif) for formal/print text; sans-serif stacks (Arial, Helvetica, sans-serif; Tahoma, Verdana, sans-serif; "Trebuchet MS", Helvetica, sans-serif; Geneva, Verdana, sans-serif) for modern web body text; monospace ("Courier New", Courier, monospace) for code/fixed-width; cursive ("Brush Script MT", cursive) for handwriting; and fantasy (Copperplate, Papyrus, fantasy) for decorative display. [S1]
⚖️ 모순 및 업데이트 (Contradictions & updates)
No contradictions found in the source.
✅ 검증 상태 및 신뢰도
- 상태: draft
- 검증 단계: conceptual (실제 적용 사례 발견 시 applied/validated로 승격 가능)
- 출처 신뢰도: B (W3Schools — widely used educational reference, not a primary standards body)
- 신뢰 점수: 0.88
- 중복 검사 결과: 신규 생성 (New discovery)
🔗 지식 그래프 (Knowledge Graph)
- 상위/루트: CSS Tutorial
- 관련 개념: CSS Font Family, CSS Web Safe Fonts, CSS Google Fonts
- 참조 맥락: Referenced when picking a reliable, ready-made
font-familystack for any element.
📚 출처 (Sources)
- [S1] W3Schools — CSS Font Fallbacks — https://www.w3schools.com/css/css_font_fallbacks.asp
📝 변경 이력 (Change history)
- 2026-06-23: Initial draft synthesized from the W3Schools "CSS Font Fallbacks" page (Astra wiki-curation, P-Reinforce v3.1 format).