Safari snaps fonts to whole pixel sizes
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 4/5
- Tiempo estimado
- 3-5 días
- Aptitud para principiantes
- 25/100
- Tipo de issue
- Error
- Claridad
- Necesita aclaración
- Estado de actividad
- Estancado
- Stack tecnológico
- javascript, react
- Área
- frontend
Línea de trabajo
Empieza reproduciendo el comportamiento de Safari descrito para TightenText, incluido el ejemplo de 15.49px y minFontSize. Compara los enfoques enumerados —disclaimer, evitar el límite de medio píxel o escalado basado en transform—, pero el issue no elige uno ni define un criterio de aceptación, por lo que el estado final esperado necesita aclaración por parte de los maintainers.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Unfortunately for TightenText, Safari rounds font sizes to whole pixels as soon as it crosses the half-pixel boundary. This leads to a significant jump in how wide the text is, and also potentially means the resulting text is smaller than the developer's desired minFontSize (if, say, they want it to be 0.97 ems, and that results in a font size of 15.49px, Safari will render 15px text).
Some options:
- Add a disclaimer for Safari.
- Detect pixel rounding, refuse to cross the half pixel boundary if using such a browser.
- Scale the font some other way (e.g.
transform) that would achieve the same visual effect as thefont-sizechange?
- Lenguaje dominante
- JavaScript
- Estrellas
- 80
- Forks
- 1
- Métricas de merge de PR
- Sin PR fusionados en 30 d
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
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Issues similares
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 70/100
gkjohnson/three-mesh-bvh#933 ·
-
scope: curriculum status: waiting triage
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
freeCodeCamp/freeCodeCamp#71076 ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
HarperFast/harper#3275 ·
Los mantenedores suelen responder en 1 día
-
liveQuery: a late rejection from an aborted (superseded) query run still reaches observer.errorAbierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 84/100
Los mantenedores suelen responder en 1 día
-
documentation good first issue help wanted
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
steerion-labs/bounded-agent-runtime#93 ·
Los mantenedores suelen responder en 1 día