Typography

Typography is usually controlled through src/styles/global.css, layout components, and page-level classes. Inspect the theme before adding new font packages or external requests.

Recommended Process

1. Identify how fonts are loaded in the current project.
2. Update global font-family definitions in src/styles/global.css.
3. Check heading, body, navigation, form, card, and footer styles.
4. Avoid large viewport-based font scaling that causes overflow on mobile.
5. Build and test attorney names, practice-area titles, blog titles, and long navigation labels.

Web Fonts

If using hosted fonts, consider privacy and performance. If self-hosting fonts, place files in public only when they should be served directly, or in src/assets if they are imported by the build.

Legal Website Readability

Prioritize readable body copy, clear headings, and accessible line length. Decorative display fonts should be used sparingly.