29: SVG teksts - CSS-triki

Anonim

SVG ir elements. Šeit nav liels pārsteigums: tas ir paredzēts teksta ievietošanai SVG. Nevis burtu formu kontūras (lai gan arī jūs to varat izdarīt), bet faktiskais parastais tīmekļa teksts. Atlasāms, SEO draudzīgs, pieejams, normāls tīmekļa teksts.

Fonti, kuriem varat piekļūt, ir tādi paši kā pārējā dokumentā. Tātad, ja ielādējat fontu @ font-face, to varēsit izmantot SVG.

Manuprāt, forši ir tas, ka fontu lielums ir salīdzināms ar SVG dokumentu, tāpat kā visas formas un sīkumi. Tātad, ja SVG izstrādājat kaut ko ļoti apzinātu un perfektu tipogrāfiski, tas saglabās šo integritāti, kad SVG izmērs mainīsies. HTML / CSS to būtu grūti izvilkt. Šeit ir raksts par to.

Viens ierobežojums: tekstu nevar ietīt. Tas var būt diezgan ievērojams trūkums, taču šī funkcija nāk SVG 2.