Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

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

オープン
#633 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

@guidol-ive がすでに取り組んでいます。

2026年10月28日 から。

  • #635 @guidol-ive による — オープン

評価

難易度
1/5
見積もり時間
1時間未満
初心者へのやさしさ
20/100
issue の種類
バグ
明瞭さ
明確に書かれている
活発さ
停滞
技術スタック
css

調査の方向性

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.

索引モデルが issue の本文から書いたものです。

説明

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

主要言語
JavaScript
スター
5
フォーク
9
平均マージ
18時間 7分
マージ済み PR(30日)
11

環境構築

このプロジェクトには開発コンテナ、Dockerfile、コントリビューションガイドがありません。まず README を読み、一般的な手順ははじめてのコントリビューションガイドを参照してください。

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

PlanBCode/hypha のほかの issue

PlanBCode/hypha の issue をすべて見る

似ている issue

JavaScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。