글꼴이 설치되지 않은 사용자가 볼 수있는 사용자 정의 글꼴로 SVG 파일 만들기

Question

svg-edit의 사용자 정의 버전을 svg-font-loader으로 구현했습니다. 사용자가 SVG 파일을 편집 할 때 svg-font-loader (SVG 문자열을로드하기 전에 필요한 사용자 정의 글꼴을 편집기에 미리로드하기 만하면 됨) 덕분에 사용자 정의 글꼴이 제대로 작동합니다. 사용자가 편집이 완료되면

, 나는 내가 다음 <img> 태그 내부의 사용자에게이 SVG 파일을 표시 할 필요가

. XDocument'sParse() 및 Save()을 사용하여 파일 시스템 (새 SVG 문자열을 저장하지만,

제대로 표시되도록 파일 시스템에 저장하기 전에 SVG 문자열 (Base64 또는?)을 어떻게 인코딩 할 수 있습니까? 글꼴을 구문 분석해야합니까? SVG 문자열이며 특정 부분 만 인코딩합니까? 사용할 수있는 도구가 있습니까?

편집 : 또는 서버에 글꼴을 설치하면 SVG를 서버 측에서 PNG로 직렬화 한 다음 표시 할 수 있습니까? 이게 효과가 있니?

Answer 1

svg에서 웹 글꼴을 사용하여이 작업을 수행 할 수 있습니다. svg를 저장하면 base64로 인코딩 된 사용자 정의 글꼴로 @ font-face 스타일 룰을 작성하면됩니다.

여기에 example이 있습니다.