웹 페이지에서 Font Awesome 을 사용 하고 있으며 :before의사 요소 안에 아이콘을 표시하고 싶습니다 .
documentation / cheatsheet 에 따르면 이 글꼴을 얻으려면 입력해야하는데 작동하지 않습니다. HTML 엔티티가 .NET에서 지원되지 않기 때문에 이것이 정상이라고 생각합니다 :before.
그래서 나는 조금 봤는데에서 HTML 엔티티를 표시 :before하려면 이스케이프 된 16 진수 참조를 사용해야 한다는 것을 알았습니다 .
그래서 16 진수 참조를 찾고 있었지만 아무것도 찾지 못했습니다. 이것이 의미하는 바가 무엇이든간에 이것이 "개인 사용"값이기 때문이라고 생각합니다.
그것을 작동시킬 방법이 :before있습니까?
:before. HTML에서 엔티티 참조로 표현되는 유니 코드 문자를 표시 할 수 있지만 HTML 엔티티 구문을 사용하여 표시하지 않습니다.
답변:
이스케이프 된 16 진수 참조는 입니다 \f066.
content: "\f066";
CSS에서 FontAwesome 유니 코드는 올바른 글꼴 패밀리가 선언 된 경우에만 작동합니다 (버전 4 이하).
font-family: "FontAwesome";
content: "\f066";
업데이트-버전 5에는 다른 이름이 있습니다.
비어 있는
font-family: "Font Awesome 5 Free"
찬성
font-family: "Font Awesome 5 Pro"
브랜드
font-family: "Font Awesome 5 Brands"
이 관련 답변을 참조하십시오 : https://stackoverflow.com/a/48004111/2575724
a:last-child:after { font-family: FontAwesome; content: '\f061'; }
Fileformat.info 는이 항목에 대한 꽤 좋은 참조입니다. 귀하의 경우에는 이미 16 진수이므로 16 진수 값은 f066입니다. 그래서 당신은 :
content: "\f066";
아이콘 글꼴 트릭에 사용되는 코드 포인트는 일반적으로 개인용 코드 포인트입니다. 이는 일반적으로 정의 된 의미가 없으며 이해 당사자 간의 비공개 계약에 의해서만 공개 정보 교환에 사용되어서는 안됨을 의미합니다. 그러나 Private Use 코드 포인트는 다른 유니 코드 값으로 표현 될 수 있습니다. 예를 들어 \f066다른 사람들이 대답 한 것처럼와 같은 표기법을 사용하는 CSS 에서는 문서가 UTF-8로 인코딩되어 있고 작성 환경에서 번호로 임의의 유니 코드 값을 입력하는 방법을 알고있는 경우 코드 포인트를 입력 할 수도 있습니다 (물론 일반적으로 알 수없는 기호를 사용하여 표시됩니다. 캐릭터).
그러나 이것은 아이콘 글꼴을 사용하는 일반적인 방법이 아닙니다. 일반적으로 글꼴과 함께 제공된 CSS 파일을 사용하고 <span class="icon-resize-small">foo</span>. 그런 다음 CSS 코드가 요소의 시작 부분에 기호를 삽입하므로 코드 포인트 번호를 알 필요가 없습니다.
먼저 HTML 파일에 fontwaesome CSS 파일을 연결 한 다음 "font-family :"FontAwesome "; 내용 :"\ f101 ";"과 같은 전후 유사 클래스를 만듭니다. 그런 다음 저장하십시오. 이 일이 잘되기를 바랍니다.
content: "";의 CSS를 추가해 보셨습니까:before?