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

onetaekoh님의 프로필 이미지
onetaekoh

작성한 질문수

퀘이사(Quasar) 완벽 마스터: Vue 프론트 웹을 빠르게 만들고 싶다면! (Based Vue3)

🎉 Dark Mode 기능 만들기 🎉

fontawsome 사용법

작성

·

145

0

 아이콘을 사용하려는데 어려움이 있어서 질문드립니다.

<quasar.config.js>

    extras: [
      'fontawesome-v6',
      'material-icons',
    ],

위와같이 설정하면 2가지 아이콘을 사용할 수 있다고 말씀하셨는데 material-icons 는 잘 설정이 되는데 fontawesom-v6 아이콘을 사용이 되지 않더라고요
개발자 도구로 들어가서 elements 를 확인해보니

class로 material-icons 가들어가있더라고요ㅠㅠ

<q-btn
            round
            dense
            flat
            color="white"
            icon="fa-github"
            type="a"
            href="https://github.com/onetaek/quasar-project"
            target="_blank"
          >

vue코드를 위와습니다.

답변 1

0

짐코딩님의 프로필 이미지
짐코딩
지식공유자

안녕하세요 🙂

아이콘을 아래와 같이 설정해 보시겠어요?

<q-btn round color="primary" icon="fa-brands fa-github" />

참고링크 : https://fontawesome.com/icons/github?f=brands&s=solid

onetaekoh님의 프로필 이미지
onetaekoh

작성한 질문수

질문하기