Skip to content

Conversation

@liberaldev
Copy link
Contributor

@liberaldev liberaldev commented Dec 27, 2025

This PR enhances font rendering on Windows by adding Segoe UI Variable support with a custom font-face definition to handle weight limitations.

Background

Segoe UI Variable provides superior rendering quality compared to standard Segoe UI. However, it doesn't support font-weight 900, which is used in the application.

Visual Comparison

Before

Screenshot 2025-12-27 203716

After

Screenshot 2025-12-27 224029

The improved rendering is most noticeable in:

  • Smoother letterforms and curves
  • Better font hinting at smaller sizes
  • More consistent weight distribution across different font sizes

Changes

  • Created a custom "Segoe UI Variable Fizzy" font family that:
    • Uses Segoe UI Variable for weights 100-700
    • Falls back to standard Segoe UI for weight 800-900. Because Segoe UI does not have an Extra Bold weight.
    • Supports both normal and italic styles
  • Updated --font-sans in _global.css to prioritize "Segoe UI Variable Fizzy" before "Segoe UI"

This approach allows us to benefit from Segoe UI Variable's improved rendering while maintaining full font-weight support.

@liberaldev liberaldev changed the title Add Segoe UI Variable to the font stack Integrate Segoe UI Variable Dec 27, 2025
@liberaldev liberaldev marked this pull request as ready for review December 27, 2025 13:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant