크롬 확장을 사용하여 웹 페이지에서 캔바스 아이콘을 어떻게 만들 수 있습니까?

Question

웹 페이지에서 전화 번호를 강조 표시하기 위해 Chrome 확장 프로그램을 만들었습니다. 숫자를 강조 표시하는 것 외에도 각 번호 끝에 아이콘을 추가하고 싶습니다. 여기에는 두 가지 옵션이 있습니다.

1. 글꼴 멋진 아이콘 사용.
2. .ico 파일을 사용하십시오.

글꼴이 멋진 아이콘에 문제가 있습니다. 글꼴 굉장 유니 코드를 시도 할 때 공백 사각형으로 렌더링하고 fa-phone 클래스로 렌더링하지 않았습니다. 렌더링 된 것은 없었습니다. 특정 사이트가 글꼴 굉장한 아이콘을 지원하지 않을 수 있기 때문일 수 있습니다. 문제를 해결하는 방법을 모르겠습니다.

글꼴이 멋지다고 생각되지 않으면 .ico 파일을 <span>에 어떻게 추가 할 수 있습니까?

Answer 1

확장 기능에 대해서는 잘 모르지만 웹 페이지는 기본적으로 HTML과 CSS로 작성됩니다.

먼저 FontAwesome을 페이지와 연결 한 다음 HTML 코드를 추가하여 아이콘을 표시해야합니다.

HTML 코드가 있지만 CSS를 페이지에 연결하지 않아서 아이콘이 표시되지 않는 것 같습니다. 그래서 어떻게 든 CSS 파일을 페이지와 연결해야합니다.

당신은 너무 (CSS 파일 호스팅 필요)와 같은 CSS 파일에 대한 링크를 추가 할 수

:이 사이트로부터 꺼낼 필요가 없다, 그래서

<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css"> 

또는 확장에 파일을 첨부를 (권장 방법).