Przewodnik: Slop Font

Pierwsze kroki w Slop Font

Slop Font to edytor czcionek w przeglądarce. Twoja czcionka zostaje na tym urządzeniu; nic nie jest przesyłane.

Otwórz Slop Font

Strona

Po lewej jest siatka glifów: jedno pole na znak, przerywane, dopóki nie jest narysowane. Pośrodku są trzy widoki: Rysuj (edytor glifów), Kerning i Test kroju. Panel po prawej ma szerokość glifu i odstępy boczne, znaki, arkusz pisma odręcznego, eksport, nazwy czcionki i licencję oraz jej metryki.

Na telefonie siatka jest stroną: stuknij literę, aby ją narysować, i ‹ Glify, aby wrócić. Panel jest arkuszem u dołu; stuknij Ustawienia, aby go otworzyć.

Narysuj literę

1. Wybierz literę w siatce.
2. Wybierz Pióro (P): kliknij, aby dodać ostry punkt, przeciągnij, aby dodać krzywą, kliknij pierwszy punkt, aby zamknąć kształt.
3. Albo rysuj Prostokątem (R), Elipsą (E) lub Obrysem (S); kształt narysowany w innym staje się dziurą.
4. Użyj Zaznaczania (V), aby przesuwać punkty i uchwyty; strzałki przesuwają, Delete usuwa, a dwuklik zmienia punkt na gładki lub ostry.
5. Zaznacz dwa kontury z Shift i użyj Ścieżka ▾ Suma lub Odejmij; Usuń nakładanie łączy całą literę.

Wskazówka: Punkty przyciągają się do siatki i do linii bazowej, wysokości x, wysokości wielkich liter, wznoszenia i opadania. Przytrzymaj Alt, aby położyć punkt swobodnie.

Wprowadź to, co masz

1. Rysuj z SVG…: wklej SVG albo dane jego ścieżki, albo wybierz plik .svg, i dopasuj do wysokości wielkich liter lub wysokości x.
2. Obrysuj obraz…: zdjęcie litery staje się jej konturem; ustaw próg tuszu.
3. Drukuj arkusz… i Odczytaj wypełniony arkusz… w sekcji Pismo odręczne zamieniają stronę pisma w całą czcionkę.
4. Otwórz… otwiera TTF, OTF, WOFF lub WOFF2 do edycji.

Odstępy i kerning

1. Ustaw Szerokość, Lewy bok i Prawy bok w panelu dla każdej litery.
2. W widoku Kerning wpisz dwie litery, przesuń suwak i obserwuj linię próbną.
3. Sprawdź widok Test kroju własnym tekstem, w kilku rozmiarach, na jasnym lub ciemnym tle.

Eksportuj i zachowaj

1. W sekcji Czcionka ustaw nazwę rodziny, projektanta i licencję (Użyj SIL Open Font License 1.1 wypełnia ją).
2. W sekcji Eksport wybierz TTF, OTF, WOFF2 lub WOFF i kliknij Pobierz czcionkę albo Zapisz w Slop Drive….
3. Kopiuj CSS @font-face daje regułę dla strony internetowej. Zapisz projekt zachowuje plik .sfont do ponownej edycji.