TEXT Stroke (-webkit-text-stroke) CSS Problema

diagnóstico: -webkit-text-stroke-stroke soporte marginal para una fuente variable

navegadores, el problema puede estar con la interacción entre --webkit-text-stroke y fuentes variables.

Rápido corrección: Actualizar 2024-Pintar orden para el texto HTML

para resolver esto, nosotros aprovechamos la propiedad de orden de pintura de CSS, que nos permite controlar el orden de relleno de RENDERERECER. Al establecer el orden de pintura: relleno de trazo, priorizamos el trazo sobre el color del texto, creando el efecto deseado.

Implementación:

Agregue la siguiente regla CSS a su stylesheet:

. Outline {
  -WebKit-Text-Stroke: 0.04em negro;
  Pintura-orden: relleno de trazo;
}