안녕하세요, 일러스트 레이터를 처음 사용하고 "Skia-Regular"글꼴을 사용하는 이미지를 만들었습니다. 그러나 이미지를 .svg 형식으로 저장 하면 글꼴 유형이 변경됩니다. 그리고 브라우저에서 .svg 형식 파일을 열면 글꼴이 완전히 다릅니다. 누구든지 내가 뭘 잘못하고 있는지 말해 줄 수 있습니까? 메모장 ++에서 .svg 파일을 열었으며 font-family = " 'Skia-Regular'뿐만 아니라 여전히 글꼴이 Skia Regular가 아니라고 말합니다. 도움이 될 것입니다. 감사합니다.
이미지도 참고로 첨부 
답변:
모든 경우에 텍스트가 동일하게 표시되도록하려면-
먼저 svg로 저장하기 전에 텍스트를 확장 할 수 있습니다
둘째, 저장 대화 상자의 글꼴 부분에서 "개요로 변환"을 누를 수 있습니다
글꼴이 실제 글꼴 유형으로 올바르게 렌더링되지 않는 이유는 Illustrator 응용 프로그램을 사용하여 SVG를 저장할 때 때문입니다. 응용 프로그램은 디자인을 코드로 자동 변환합니다. 그리고 면밀히 관찰하면 코드 내의 글꼴 이름이 시스템 내에 설치된 실제 글꼴과 일치하지 않습니다.
글꼴 렌더링 문제를 해결하려면 Illustrator에서 SVG 코드를 복사하고 시스템에 설치된 글꼴 이름과 일치하도록 글꼴 이름을 수정해야합니다. (예 : SVG 코드 내의 글꼴 이름은 Illustrator "Arial-Regular"에서 사용하지만 시스템에 설치된 글꼴 이름은 "Arial Regular"입니다. Font-Family를 "Arial Regular"로 설정하려면 코드를 수정해야합니다. ".)
이렇게하면 글꼴을 개요로 변환하지 않고도 문제를 해결할 수 있습니다.
이것이 도움이되기를 바랍니다!
언급했듯이, 서체는 svg를 열려고 시도하는 시스템에서 사용할 수 있거나 사용할 수없는 글꼴 파일에 대한 참조 입니다. 해결책은 곡선이 파일 내에 명시 적으로 저장되도록 유형을 경로로 변환하는 것입니다.
브라우저가 참조하려고하는 글꼴을 인식하지 못하는 이유에 관해서는 svg 파일을 만들 때 사용한 것과 동일한 컴퓨터에서 테스트한다고 가정하기 때문에 확실하지 않습니다. 글꼴은 Illustrator 내에서 선택할 수 있지만 OS 수준에서 공식적으로 설치되지는 않습니다.
웹 보관 :
내보내기 : 글꼴 : (텍스트 : svg, 하위 연결 : 없음). 속성 svg : (스타일 요소).
결과 파일의 스타일 내에서 편집하십시오.
결과:
<style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700);
body {}
.st0{fill:#868686;}
.st1{font-family:'Roboto Condensed';}
.st2{font-size:14.414px;}
.st3{letter-spacing:55px;}
.st4{fill:#1D1D1B;}
.st5{font-family:'Roboto Condensed'; font-weight: 700;}
.st6{letter-spacing:51px;}
.st7{letter-spacing:45px;}
.st8{letter-spacing:40px;}
PC에 로컬로 사용 가능한 글꼴 패밀리 (Skia-Regular) 글꼴 파일이 없을 수 있습니다. 따라서 브라우저에서 SVG 파일을 열면 대부분의 경우 Times New Roman 인 기본 시스템 글꼴을 사용하여 렌더링됩니다. 몇 가지 해결 방법이 있습니다.
SVG에서 사용자 정의 글꼴 사용에 대한 자세한 내용은 여기 ( https://css-tricks.com/using-custom-fonts-with-svg-in-an-image-tag/)를 참조 하십시오.