Slopographic

Посібник з Slop Font

Початок роботи з Slop Font

Slop Font — це редактор шрифтів у вашому браузері. Ваш шрифт зберігається на цьому пристрої; нічого не передається в мережу.

Відкрити Slop Font

Сторінка

Ліворуч сітка гліфів: одна клітинка на символ, пунктирна, доки її не намальовано. По центру три вигляди: «Намалювати» (редактор гліфів), «Кернінг» і «Перевірка набору». Панель праворуч містить ширину гліфа та його боковий інтервал, символи, рукописний аркуш, експорт, назви й ліцензію шрифту та його метрики.

На телефоні сітка займає всю сторінку: торкніться літери, щоб її намалювати, і ‹ «Гліфи», щоб повернутися. Панель — аркуш унизу; торкніться «Налаштування», щоб її відкрити.

Намалюйте літеру

  1. Виберіть літеру в сітці.
  2. Виберіть «Перо» (P): клацніть для гострої точки, перетягніть для кривої, клацніть першу точку, щоб замкнути контур.
  3. Або малюйте «Прямокутником» (R), «Еліпсом» (E) чи «Обвідкою» (S); фігура, намальована всередині іншої, стає отвором.
  4. Використовуйте «Вибір» (V), щоб переміщувати точки й дотичні: стрілки пересувають на крок, Delete видаляє, подвійний клік робить точку плавною або гострою.
  5. Виберіть два контури з Shift і скористайтеся командами «Контур ▾ Об’єднання» або «Відняти»; «Видалити перетини» об’єднує всю літеру.

Порада: Точки прилипають до сітки та до базової лінії, висоти малих літер, висоти великих, виносних і нижніх елементів. Тримайте Alt, щоб поставити точку вільно.

Імпортуйте наявне

  1. «Намалювати з SVG…»: вставте SVG або дані його контуру чи виберіть файл .svg і вмістіть його за висотою великих або малих літер.
  2. «Обвести зображення…»: фото літери стає її контуром; задайте поріг чорнила.
  3. «Друк аркуша…» і «Прочитати заповнений аркуш…» у розділі «Рукописне введення» перетворюють сторінку рукопису на цілий шрифт.
  4. «Відкрити…» відкриває TTF, OTF, WOFF або WOFF2 для редагування.

Інтервали й кернінг

  1. Задайте «Ширину», «Лівий бік» і «Правий бік» на панелі для кожної літери.
  2. У вигляді «Кернінг» введіть дві літери, перемістіть повзунок і стежте за зразковим рядком.
  3. Перевірте «Перевірку набору» своїм текстом, у кількох розмірах, на світлому чи темному тлі.

Експорт і збереження

  1. У розділі «Шрифт» задайте назву сімейства, автора та ліцензію (натисніть «Використати SIL Open Font License 1.1», і ліцензія заповниться сама).
  2. У розділі «Експорт» виберіть TTF, OTF, WOFF2 або WOFF і натисніть «Завантажити шрифт» чи «Зберегти в Slop Drive…».
  3. «Копіювати CSS @font-face» дає правило для сайту. «Зберегти проєкт» зберігає файл .sfont для подальшого редагування.