Aggiungere tratti al testo web
I font sul web sono essenzialmente grafica vettoriale. Questo è il motivo per cui puoi visualizzarli a 12px o 120px e rimangono nitidi e con bordi relativamente netti. Vettoriale significa che la loro forma è determinata da punti e dalla matematica per descrivere la forma, piuttosto che da dati di pixel reali. Poiché sono vettoriali, avrebbe senso se potessimo fare cose che altri programmi vettoriali (per esempio Adobe Illustrator) possono fare con il testo vettoriale, come disegnare un tratto intorno ai singoli caratteri. Bene, possiamo farlo! Esempio:h1 { /* Prefix required. Even Firefox only supports the -webkit- prefix */ -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: black;}O stenografia:h1 { -webkit-text-stroke: 1px black;}Potreste pensare "Fico, ma se solo alcuni browser lo supportano, se imposto il colore del mio testo a white e il mio sfondo…