Konwertuj tekst na SVG
SVG używający elementu <text> zależy od tego, czy krój jest dostępny tam, gdzie plik zostanie otwarty. Zamień tekst na dane ścieżek i ta zależność znika: kształty podróżują razem z plikiem, więc wyświetla się identycznie w każdej przeglądarce, edytorze i ploterze — bez ani jednego żądania webfontu.
Konwertuj tekst na SVGCo dostajesz
Jedna ścieżka na glif, z regułą wypełniania, wypełnieniem i obrysem, które ustawiłeś, oraz opcją nadania każdemu glifowi własnego id, by adresować litery pojedynczo z CSS lub JavaScriptu. Zamiast tego zespawaj kontury, gdy chcesz jednej ścieżki dla całego wyrazu — takiej formy zwykle oczekuje ploter tnący albo system ikon.
Poprawne składanie, a nie zwykłe wyszukiwanie glifów
Tekst jest składany silnikiem HarfBuzz, tym samym, którego używają same przeglądarki, więc pary kerningowe i ligatury działają, a pisma złożone zachowują się jak trzeba: litery arabskie się łączą, klastry indyjskie przestawiają. Wystawione są też osie fontów zmiennych i funkcje OpenType, więc grubość albo zestaw stylistyczny można dobrać jeszcze przed zamianą na krzywe.
Użyj własnego kroju
Katalog obejmuje ponad 1900 rodzin open source, a zamiast nich możesz wrzucić własny plik TTF lub OTF. Wgrane kroje są czytane w karcie przeglądarki i nigdy nigdzie nie trafiają, co oznacza też, że licencjonowany krój komercyjny zostaje na twoim komputerze.
Pytania
- Dlaczego nie zostawić tekstu jako <text>?
- Bo nie wyrenderuje się dwa razy tak samo. Brakujący krój jest po cichu podmieniany, a webfont dokłada żądanie sieciowe i mignięcie niesformatowanego tekstu. Ścieżki to stała geometria — warto zawsze, gdy plik jest logo, ikoną albo trafia do maszyny.
- Czy tekst pozostaje wyszukiwalny i dostępny?
- Po zamianie na krzywe już nie. Zapisz treść w aria-label albo w elemencie title swojego znacznika i zachowaj edytowalne źródło na późniejsze zmiany.
- Czy mogę użyć własnego licencjonowanego kroju?
- Tak — wgraj TTF lub OTF. Jest parsowany w przeglądarce, więc plik nigdy nie opuszcza twojego komputera. Sprawdź, czy licencja pozwala na zamianę na krzywe do planowanego zastosowania.