29: Text SVG - CSS-Tricks

Anonim

Există un element în SVG. Nici o mare surpriză aici: este pentru a introduce text în SVG. Nu contururi de forme ale literelor (deși și tu poți face asta) ci text text web normal. Text web selectabil, prietenos cu SEO, accesibil, normal.

Fonturile la care aveți acces sunt identice cu restul documentului. Deci, dacă încărcați un font @ font-face, îl veți putea folosi în SVG.

Ceea ce cred că este interesant este că dimensiunea fonturilor este relativă la documentul SVG, la fel cum sunt toate formele și lucrurile. Deci, dacă proiectați ceva foarte deliberat și perfect tipografic în SVG, acesta va păstra acea integritate pe măsură ce SVG se redimensionează. Ar fi greu de realizat în HTML / CSS. Iată un articol despre asta.

O singură limitare: textul nu se poate încheia. Acesta poate fi un dezavantaj destul de semnificativ, dar această caracteristică vine în SVG 2.