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></p> <p>스타일시트에 다음을 추가하세요.</p> <pre class="brush:php;toolbar:false">svg text { font-family: FontAwesome; }
Font Awesome 5 무료 버전을 사용하는 경우 다음 글꼴 모음을 사용하세요. 선언:
svg text { font-family: 'Font Awesome 5 Free'; }
위 내용은 SVG 이미지에 Font Awesome 아이콘을 어떻게 포함할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!