SVG 이미지에 Font Awesome 아이콘을 어떻게 포함할 수 있나요?

SVG 이미지에 Font Awesome 아이콘 포함

질문:

어떻게 글꼴을 통합할 수 있나요? 내 SVG 이미지에 Font Awesome 아이콘을 추가하시겠습니까? 기존 요소가 있는 요소는 결과를 생성하지 않습니다.

답변:

Font Awesome의 CSS 스타일시트를 검토하여 원하는 아이콘에 대한 특정 유니코드 문자를 결정하세요. 예:

.icon-group:before                { content: "\f0c0"; }
.icon-cloud:before                { content: "\f0c2"; }

아이콘을 SVG에 통합하려면 원본 코드를 다음으로 바꾸세요.

<g><text x='"12"' y='"15"'>&#xf0c2;</text></g>

스타일시트에 다음을 추가하세요.

svg text {
   font-family: FontAwesome;
}

Font Awesome 5 무료 버전을 사용하는 경우 다음 글꼴 모음을 사용하세요. 선언:

svg text {
   font-family: 'Font Awesome 5 Free';
}

위 내용은 SVG 이미지에 Font Awesome 아이콘을 어떻게 포함할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!