인프런 커뮤니티 질문&답변

작성한 질문수

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

입력 필드 디자인을 꾸미는 가상클래스 활용한 실전 퍼블리싱(폰트어썸 사용한 입력 필드)

아이콘 안뜸..

작성

974

선생님 뭐가 잘못일까요..? 아이콘이 계속 안뜹니다.. 그리고 cdn 들어갔는데 선생님주소랑 약간 다른 사이트가떠요.. 바뀐건가요..? 아는분한테 물어봤더니 버전문제라는데..

참고로 @import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'); 이거로 연동해도 안됩니다 ㅜ왜그럴까요..

답변 1

지식공유자

기존의 4.7 링크가 사라졌나봐요.

<i class="fa fa-heart"></i> 는 폰트어썸 4.7 인데 html 은 4.7 방식이고 css에는 5.0 방식으로 링크했네요.

@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

위에 링크가 작동하지 않으면 아래 CDN js 들어가서 검색하세요.

아래 링크로 들어가면 폰트어썸 4.7 cdn 링크 있으니까 사용하세요.

질문자

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css

선생님 이거 맞나요 ㅜㅜ 왜 아직도 안되는지... ㅜㅜ

지식공유자

링크 잘되는데요.

폰트어썸 4.7 아이콘 코드는 아래에서 받으세요. 2번째 있는게 편하실거에요.

지식공유자

<!DOCTYPE html>

<head>

<title>Document</title>

<style>

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css');

</style>

</head>

<body>

</body>

</html>

질문자

되네요~!! 감사합니다 ^^

작성한 질문수