### Typeface Controls Willemstad provides granular font control across different interface areas: **Editor Fonts:** - **Editor** - Main writing area (`"Inter 4.1", "DM Sans", "Manrope"`) - **Headers** - All heading levels (`"Inter 4.1", "DM Sans", "Manrope"`) - **Monospace** - Code and technical content (`"DM Mono"`) **Interface Fonts:** - **UI Elements** - Buttons, menus, controls (`"Manrope", "Inter 4.1", "DM Sans"`) - **Menu Text** - Navigation and context menus (`"Manrope", "Inter 4.1", "DM Sans"`) - **Mermaid Diagrams** - Chart and diagram text (`"Inter 4.1", "DM Sans", "Manrope"`) **Mobile-Specific:** - Separate font controls for mobile editor, menus, and UI elements. Via Willemstad's own *Responsive Style Settings* customisations, these are only displayed whilst using a mobile device. **Independent CSSClass Font Controls:** Fonts in documents with a specific CSSClass are also controlled independently via their own respective Style Settings. ### Font Stack Willemstad uses carefully curated font stacks: 1. **Inter 4.1** - Modern, highly legible sans-serif optimized for screens 2. **DM Sans** - Geometric sans-serif with excellent readability 3. **Manrope** - Contemporary sans-serif with friendly character 4. **DM Mono** - Monospace font designed for code readability These are **base-64 embedded** into the theme itself, which means you will always have these fonts available regardless of wherever you go. Additionally, Willemstad provides embedded versions of **Crimson Pro**, **MathJax TeX** and **RemixIcons** for your usage.