사전 검사
내보내기 전에 SVG 글리프를 검토하고 빨간색, 노란색, 초록색 상태로 결과를 확인하세요.
사전 검사는 생성된 글꼴이 불안정해지거나 매핑이 어려워지거나 시각적으로 어긋나는 문제를 찾는 데 도움이 됩니다.
검사 항목
- Unicode 충돌
- 중복 글리프 이름
- 빈 SVG 파일
- 보이는 채우기 또는 선 윤곽선이 없는 SVG
- 비정상적인 SVG 캔버스 크기
- 누락된
viewBox - SVG 캔버스를 벗어난 그래픽
- 예상 기준선, 어센더 또는 디센더 경계를 벗어난 그래픽
- 지원하지 않는 SVG 요소 및 속성
- 외부 SVG 리소스
- 글리프 복잡도 제한
상태 색상
- 초록색: 준비됨.
- 노란색: 경고. 내보내기 전에 검토하세요.
- 빨간색: 오류. 글리프가 유효하지 않거나 지원되지 않을 가능성이 높습니다.
빌드 동작
사전 검사는 검토 단계이며 무조건 빌드를 차단하지 않습니다.
문제가 발견되면 검사에 통과한 글리프만 빌드하거나 모든 글리프를 네이티브 빌드 엔진에 전달하여 시도할 수 있습니다. 내보내는 동안 빌드 엔진이 지원하지 않거나 안전하지 않은 입력을 거부할 수는 있습니다.
일반적인 해결 방법
- 편집 가능한 SVG 텍스트를 윤곽선으로 변환하세요.
- SVG에서 래스터 이미지를 제거하세요.
- 클리핑 경로, 마스크, 필터 및 불투명도 효과를 평면화하세요.
- 안정적인
viewBox를 추가하세요. - 그래픽을 캔버스 안에 배치하세요.
- 고유한 글리프 이름을 사용하세요.
- 원본 글꼴 글리프를 의도적으로 교체하는 경우가 아니라면 고유한 Unicode 값을 지정하세요.
- 지나치게 세밀한 경로를 단순화하세요.
아이콘 글꼴 참고 사항
아이콘 글꼴의 그래픽은 텍스트 글리프와 다른 위치에 배치되는 경우가 많습니다. 기준선이나 디센더 경고가 의도한 디자인에서 발생할 수 있지만, 정렬 불일치는 아이콘 글꼴을 어수선하게 만드는 흔한 원인이므로 여전히 확인할 가치가 있습니다.