Hello World...
Vue.js3 - fontawesome prefix 에러 나는 경우 본문
폰트어썸 공식 문서를 보고 Vue.js3 에 폰트어썸을 설치한 후 적용해보면, fas 관련 에러가 난다.
<font-awesome-icon icon="fa-solid fa-heart" />
기본적으로 fas 로 설정이 되어 있어서 그런데, 이런 경우
<font-awesome-icon icon="heart" />이렇게 작성해 주면 된다.
명시적 방법과 묵시적(?)방법이 나뉘어져 있으므로 아래 코드를 참고하여 작성해주자.
<!-- explicit style -->
<!-- 만약 regular 이면 'far' 이런식으로 작성해주면 된다 -->
<font-awesome-icon :icon="['fas', 'phone']" />
<!-- implicit style (fas is assumed) -->
<font-awesome-icon icon="phone" />
javascript - Using Font Awesome in Vue 3 - Stack Overflow
Using Font Awesome in Vue 3
I'm trying to use Font Awesome with Vue 3. I have it in my package.json "dependencies": { "@fortawesome/fontawesome-svg-core": "^1.2.34", "@fortawesome/free-brand...
stackoverflow.com
'vue.js' 카테고리의 다른 글
| vite.config.js asset 폴더 이름 변경하기 (0) | 2022.11.15 |
|---|---|
| vue3, vue-router4 에서 base path 설정하기 (0) | 2022.10.26 |
| nuxt2 base path 설정하기 (0) | 2022.10.25 |
| Vuejs-TDD 메모 (0) | 2022.02.16 |
| Vue3.js 에서 tailwindcss 설치하기 (postcss 에러 났을 때) (0) | 2022.02.08 |
Comments