css3 - 배경색 대신 CSS 글꼴 스타일과 채우기 색상 추가

Question

다음과 같은 글꼴 스타일이 있습니다.

하트를 둘러싼 전체 스팬 대신 하트에 색상을 추가하고 싶습니다.
잘못된 효과는 다음과 같습니다.

스팬은 다음과 같이 정의됩니다.

으아악

배경색을 추가하면 위 사진과 같은 효과가 나타납니다. 색상을 직접 사용하면 하트 모양의 테두리에만 색상이 나타납니다. 조언 좀 해주세요

Answer 1

아이콘 글꼴에 문제가 있습니다. 단색 아이콘을 사용하여 위와 같이 글꼴 색상을 직접 설정할 수 있습니다.

Answer 2

이것을 사용하세요❤