• 카테고리

    질문 & 답변

  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

폰트어썸

22.05.07 18:21 작성 조회수 198

2

강의 내용에는 폰트어썸을 별도로 설치하는 과정 없이

index.html에 추가만 하고

사용하셨는데..

실제로는 

라이브러리 다 설치 하고 사용해야하는 건가요?

버튼 추가했는데 화면에 나타나지 않아서 질문 드립니다 ㅠㅠ

course-thumbnail

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

TodoInput 컴포넌트 코드 정리 및 UI 스타일링

강의실 바로가기

답변 1

답변을 작성해보세요.

0

장기효(캡틴판교)님의 프로필

장기효(캡틴판교)

지식공유자

2022.05.09

폰트어썸은 아래 페이지 참고해서 CDN 주소를 모두 index.html에 넣어주셔야 합니다 :)

https://fontawesome.com/docs/web/setup/get-started

 

솔레오에듀님의 프로필

솔레오에듀

2022.06.17

제가 정말 버전별로 계정별로 CDN 계속 변경해보면서 추가했지만

아이콘이 안나옵니다...;;
당연히 버전대별로 맞는 아이콘 찾아 넣어도 봤습니다.

위 질문처럼 요소에서  <i> class가 잡히기는 하나 화면에서 노출이 안되요

css로 display를 block 처리하고 폰트사이즈도 조정해보고..

나름 별 짓 다해봐도 아이콘은 안나오네요ㅠ

솔레오에듀님의 프로필

솔레오에듀

2022.06.17

번거롭지만..
https://happy-jjang-a.tistory.com/123

npm설치 방식으로 해결 했네요;

이 글과 비슷한 Q&A