29: Tekst SVG - CSS-Tricks

Anonim

W SVG jest element. Nic dziwnego: służy do umieszczania tekstu w pliku SVG. Nie kontury kształtów liter (chociaż możesz to zrobić), ale zwykły tekst internetowy. Wybierany, przyjazny dla SEO, dostępny, normalny tekst internetowy.

Czcionki, do których masz dostęp, są takie same, jak w pozostałej części dokumentu. Więc jeśli załadujesz czcionkę @ font-face, będziesz mógł jej użyć w SVG.

Myślę, że fajne jest to, że rozmiar czcionek jest zależny od dokumentu SVG, tak jak wszystkie kształty i inne rzeczy. Więc jeśli zaprojektujesz coś bardzo przemyślanego i doskonałego pod względem typograficznym w SVG, zachowa to integralność podczas zmiany rozmiaru SVG. Trudno byłoby to zrobić w HTML / CSS. Oto artykuł na ten temat.

Jedno ograniczenie: tekst nie może być zawijany. To może być dość znacząca wada, ale ta funkcja pojawi się w SVG 2.