29: Text SVG - Triky CSS

Anonim

V SVG je prvok. Žiadne veľké prekvapenie: slúži na vkladanie textu do SVG. Nie obrysy tvarov písmen (aj keď to môžete urobiť tiež), ale skutočný normálny webový text. Voliteľný, pre SEO vhodný, prístupný a bežný webový text.

Písma, ku ktorým máte prístup, sú rovnaké ako zvyšok dokumentu. Takže ak načítate písmo @ font-face, budete ho môcť použiť v SVG.

Myslím si, že je v pohode, že veľkosť písma je relatívna k dokumentu SVG, rovnako ako všetky tvary a podobné veci. Takže ak v SVG navrhnete niečo veľmi zámerné a dokonalé typograficky, zachová si túto integritu, pretože sa zmení veľkosť SVG. To by bolo ťažké vytiahnuť v HTML / CSS. Tu je článok o tom všetkom.

Jedno obmedzenie: text sa nemôže zalamovať. To môže byť dosť významná nevýhoda, ale táto funkcia prichádza v SVG 2.