【오류】 HTML 메뉴 아이콘이 표시되지 않음

연습용 메뉴를 Chrome에서 열면 아이콘이 표시되지 않는 오류가 발생합니다.

이번에 학습한 항목

HTML5

CSS

오류의 원인 조사

F12를 눌러 Elements에서 아이콘의 소스 부분을 확인. css 파일의 【content: '\f0c9';]의 개소에 둘레를 붙여 놓으면 Font Awesome라는 워드를 검색.
"Font Awesome"이라는 글꼴을 사용하고 싶은 경우 아래 코드를 헤더에 기술하고 사이트에서 직접 CSS를로드하면 아이콘이 정상적으로 표시되었다.

작성할 코드

xxxx.html

 <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

소감

이번 에러는 해결하는데 있어서를 빨리 ​​붙여 해결할 수 있었다. 그러나 Font Awesome 등의 넷상에서 직접 CSS를 읽게 하는 것이 지식이 아니고 CSS의 학습이 부족한 것도 실감했다.

참고 URL

ぇtps://우ぇb로 해 g응-카후. 코 m / 아 r ゔ ぇ s / 320
htps : ///후타타우우소메. 코 m/이콘 s? f m = 이오