HTML로 수동으로 폰트 삽입하기

제품 지원
1

안녕하세요 :slight_smile:
HTML을 사용하여 다음 두 심볼인 :heart:와 :white_check_mark:를 추가하려고 합니다.
제 이해로는 Font Awesome의 폰트인 것 같아서 다음처럼 삽입해 보았습니다:

<i class="fa fa-heart-o"></i>

하지만 폰트가 삽입되지 않습니다:

image

크기 0x0인 무언가가 추가됩니다. 폰트를 올바르게 추가하는 방법은 무엇인가요?

2

크기를 지정하기 위해 사용자 정의 CSS를 추가해 보셨나요?

3

왜 유니코드 이모지를 사용하지 않나요?

4

그것은 이전 형식입니다. FontAwesome의 경우 2018년 11월부터 SVG 아이콘으로 전환하여, 이제 폰트 아이콘 i 요소 대신 svg 구문을 사용합니다.

5

유니코드 이모지로 작동하도록 만들기는 했지만, 다음 두 가지 이유로 인해 이것이 해결책이 되지 않을 것 같습니다:

  1. 다른 이모지와의 일관성. 예를 들어, 이모지 유형을 Windows 10에서 Apple로 변경하기로 결정하면 플러그인에서도 함께 변경해야 합니다.
  2. 구형 브라우저가 이러한 유형의 폰트/유니코드를 지원하는지 확실하지 않습니다.

하지만 효율성 측면에서는 SVG를 사용하는 것보다 나은 것 같습니다.

어떻게 사용하는지 작은 예시를 보여 주실 수 있을까요?

6

이 아이콘을 플러그인에 추가하려는 경우, Ruby와 Ember에서 이 아이콘을 사용할 수 있는 코어 도구가 있습니다. 시작점으로 Introducing Font Awesome 5 and SVG icons 를 참고하세요.