Slop Font 안내

Slop Font 시작하기

Slop Font는 브라우저에서 쓰는 글꼴 편집기입니다. 글꼴은 이 기기에 보관되며, 아무것도 업로드되지 않습니다.

페이지 구성

왼쪽에는 글리프 격자가 있습니다. 문자마다 상자 하나가 있고, 그릴 때까지 점선입니다. 가운데에는 그리기(글리프 편집기), 커닝, 글꼴 테스트 보기가 있습니다. 오른쪽 패널에는 글리프의 너비와 측면 여백, 문자, 손글씨 시트, 내보내기, 글꼴의 이름과 라이선스, 지표가 있습니다.

휴대폰에서는 격자가 곧 페이지입니다. 글자를 누르면 그리고, ‹ 글리프를 누르면 돌아갑니다. 패널은 아래쪽 시트이며, 설정을 누르면 열립니다.

글자 그리기

격자에서 글자를 고르세요.
펜(P)을 고르세요. 클릭하면 날카로운 점이, 끌면 곡선이 생기고, 첫 점을 클릭하면 도형이 닫힙니다.
또는 사각형(R), 타원(E), 선(S)으로 그리세요. 다른 도형 안에 그린 도형은 구멍이 됩니다.
선택(V)으로 점과 핸들을 옮기세요. 화살표 키로 조금씩 움직이고, Delete로 지우며, 더블클릭하면 점이 부드럽거나 날카로워집니다.
Shift로 윤곽선 두 개를 고르고 경로 ▾ 합집합 또는 빼기를 쓰세요. 겹침 제거는 글자 전체를 합칩니다.

팁: 점은 격자와 기준선, x-높이, 대문자 높이, 어센더, 디센더에 맞춰집니다. Alt를 누르고 있으면 점을 자유롭게 놓을 수 있습니다.

가진 것 가져오기

SVG에서 그리기…: SVG나 경로 데이터를 붙여넣거나 .svg 파일을 고르고, 대문자 높이나 x-높이에 맞추세요.
사진에서 추적…: 글자 사진이 윤곽선이 됩니다. 잉크 임계값을 정하세요.
손글씨 아래의 시트 인쇄…와 채운 시트 읽기…는 손글씨 한 페이지를 글꼴 전체로 바꿉니다.
열기…는 편집할 TTF, OTF, WOFF, WOFF2를 엽니다.

간격과 커닝

패널에서 글자마다 너비, 왼쪽 여백, 오른쪽 여백을 정하세요.
커닝 보기에서 글자 두 개를 입력하고 슬라이더를 옮기며 견본 줄을 확인하세요.
글꼴 테스트 보기에서 직접 쓴 텍스트를 여러 크기로, 밝은 바탕이나 어두운 바탕에서 확인하세요.

내보내고 보관하기

글꼴에서 패밀리 이름, 디자이너, 라이선스를 정하세요(SIL Open Font License 1.1 사용을 고르면 자동으로 채워집니다).
내보내기에서 TTF, OTF, WOFF2 또는 WOFF를 고르고 글꼴 다운로드 또는 Slop Drive에 저장…을 클릭하세요.
CSS @font-face 복사는 웹사이트에 쓸 규칙을 줍니다. 프로젝트 저장은 다시 편집할 .sfont 파일을 남깁니다.