Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

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

Đang mở
#633 0 bình luận 0 reaction 0 người được giao Xem trên GitHub

Maintainer thường phản hồi trong vòng 1 ngày

@guidol-ive đang làm issue này rồi.

Từ ngày 28/10/2026.

  • #635 của @guidol-ive — đang mở

Đánh giá

Độ khó
1/5
Thời gian dự kiến
Dưới một giờ
Mức phù hợp với người mới
20/100
Loại issue
Lỗi
Độ rõ ràng
Đặc tả rõ ràng
Mức độ hoạt động
Đình trệ
Công nghệ
css
Lĩnh vực
frontend, performance

Hướng nghiên cứu

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.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

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

Ngôn ngữ chính
JavaScript
Star
5
Fork
9
Merge trung bình
19 giờ 10 phút
Pull request đã merge (30 ngày)
12

Chuẩn bị môi trường

Dự án này không cung cấp dev container, Dockerfile hay hướng dẫn đóng góp, nên bạn cần tự thiết lập môi trường: hãy bắt đầu từ README và xem hướng dẫn đóng góp lần đầu của chúng tôi để biết các bước chung.

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của PlanBCode/hypha

Tất cả issue của PlanBCode/hypha

Issue tương tự

Thêm issue về JavaScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.