TRAD TRAD (-webkit-text-stroke) CSS Problème

Diagnostic: -webkit-text-stroke Support marginal pour les fontements variables

Navigateurs, le problème peut résider dans l'interaction entre les polices de-Text-Text-Text et variables.

Fix rapide: mise à jour 2024 - Ordre de peinture pour le texte HTML

pour résoudre ce problème, nous levons la propriété CSS à peinture de peinture, qui nous permet de contrôler l'ordre de renforcement de remplissage et de coup. En définissant l'ordre de peinture: remplissage de trait, nous priorisons le trait sur la couleur du texte, créant l'effet souhaité.

implémentation:

Ajoutez la règle CSS suivante à votre style de style:

.outline {
  -webkit-text-stroke: 0.04em black;
  paint-order: stroke fill;
}