콘텐츠로 건너뛰기
+

사전 검사

내보내기 전에 SVG 글리프를 검토하고 빨간색, 노란색, 초록색 상태로 결과를 확인하세요.

사전 검사는 생성된 글꼴이 불안정해지거나 매핑이 어려워지거나 시각적으로 어긋나는 문제를 찾는 데 도움이 됩니다.

검사 항목

  • Unicode 충돌
  • 중복 글리프 이름
  • 빈 SVG 파일
  • 보이는 채우기 또는 선 윤곽선이 없는 SVG
  • 비정상적인 SVG 캔버스 크기
  • 누락된 viewBox
  • SVG 캔버스를 벗어난 그래픽
  • 예상 기준선, 어센더 또는 디센더 경계를 벗어난 그래픽
  • 지원하지 않는 SVG 요소 및 속성
  • 외부 SVG 리소스
  • 글리프 복잡도 제한

상태 색상

  • 초록색: 준비됨.
  • 노란색: 경고. 내보내기 전에 검토하세요.
  • 빨간색: 오류. 글리프가 유효하지 않거나 지원되지 않을 가능성이 높습니다.

빌드 동작

사전 검사는 검토 단계이며 무조건 빌드를 차단하지 않습니다.

문제가 발견되면 검사에 통과한 글리프만 빌드하거나 모든 글리프를 네이티브 빌드 엔진에 전달하여 시도할 수 있습니다. 내보내는 동안 빌드 엔진이 지원하지 않거나 안전하지 않은 입력을 거부할 수는 있습니다.

일반적인 해결 방법

  • 편집 가능한 SVG 텍스트를 윤곽선으로 변환하세요.
  • SVG에서 래스터 이미지를 제거하세요.
  • 클리핑 경로, 마스크, 필터 및 불투명도 효과를 평면화하세요.
  • 안정적인 viewBox를 추가하세요.
  • 그래픽을 캔버스 안에 배치하세요.
  • 고유한 글리프 이름을 사용하세요.
  • 원본 글꼴 글리프를 의도적으로 교체하는 경우가 아니라면 고유한 Unicode 값을 지정하세요.
  • 지나치게 세밀한 경로를 단순화하세요.

아이콘 글꼴 참고 사항

아이콘 글꼴의 그래픽은 텍스트 글리프와 다른 위치에 배치되는 경우가 많습니다. 기준선이나 디센더 경고가 의도한 디자인에서 발생할 수 있지만, 정렬 불일치는 아이콘 글꼴을 어수선하게 만드는 흔한 원인이므로 여전히 확인할 가치가 있습니다.