Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

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

Abierto
#633 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 1 día

@guidol-ive ya está trabajando en esto.

Desde el 28/10/2026.

  • #635 de @guidol-ive — abierto

Evaluación

Dificultad
1/5
Tiempo estimado
Menos de una hora
Aptitud para principiantes
20/100
Tipo de issue
Error
Claridad
Bien especificado
Estado de actividad
Estancado
Stack tecnológico
css

Línea de trabajo

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.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

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

Lenguaje dominante
JavaScript
Estrellas
5
Forks
9
Merge medio
19 h 10 min
PR fusionados (30 d)
12

Preparar el entorno

Este proyecto no incluye contenedor de desarrollo, Dockerfile ni guía de contribución, así que la configuración corre por tu cuenta: empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de PlanBCode/hypha

Todos los issues de PlanBCode/hypha

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.