Default theme: Dosis has no font-display, so titles stay invisible until the font has loaded

Open
#633 0 comments 0 reactions 0 assignees View on GitHub

Maintainers usually reply within 1 day

@guidol-ive is already working on this.

Since Oct 28, 2026.

  • #635 by @guidol-ive — open

Assessment

Difficulty
1/5
Estimated time
Under an hour
Newbie friendliness
20/100
Issue type
Bug
Clarity
Clearly specified
Activity status
Stale
Tech stack
css

Research direction

Open data/themes/default/hypha.css and locate the two Dosis @font-face rules. Add font-display: swap to both, then confirm the titles appear immediately in the fallback font while Dosis loads. Pull request #635 is already open for this issue.

Written by the indexing model from the issue text.

Description

Component: User interface Impact: Low Level: Easy Type: Enhancement Value: Visitors

Place. data/themes/default/hypha.css, the two @font-face rules of Dosis (main a019475): no font-display, so browsers hide text in Dosis for up to 3 seconds while the font loads.

Evidence. Lighthouse 13.4.1 on a phone profile (slow 4G): the page title in Dosis is the largest element. With font-display: swap the editor page goes from 86 to 93-94 for performance; LCP from 3.5 s to 2.6 s.

Fix. font-display: swap; in both rules: the title shows at once in the fallback font and switches when Dosis arrives.

A pull request follows.

🤖 Generated with Claude Code

Dominant language
JavaScript
Stars
5
Forks
9
Avg merge
18h 49m
Merged PRs (30d)
13

Getting set up

This project ships no dev container, Dockerfile or contributing guide, so setting up is up to you: start from its README, and see our first-contribution guide for the general steps.

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from PlanBCode/hypha

All issues in PlanBCode/hypha

Similar issues

More JavaScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.