【Nuxt.js】Google Fonts의 도입 방법
1978 단어 nuxt.jsGooglefonts
nuxt-webfontloader 다운로드
터미널$ npm i nuxt-webfontloader
nuxt.config.js에서 설정
nuxt.config.js
//------省略
modules: [
'nuxt-webfontloader'
],
webfontloader: {
google: {
families: ['Langar', 'Lobster']
}
},
//------省略
Font 사용
index.vue<template>
<div>
<h1 style="font-family: 'Langar';">ABCDEF</h1>
<h1 style="font-family: 'Lobster';">ABCDEF</h1>
<h1>ABCDEF</h1>
</div>
</template>
Reference
이 문제에 관하여(【Nuxt.js】Google Fonts의 도입 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/higa02/items/1ce749bd9e0a727da41a
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
$ npm i nuxt-webfontloader
nuxt.config.js
//------省略
modules: [
'nuxt-webfontloader'
],
webfontloader: {
google: {
families: ['Langar', 'Lobster']
}
},
//------省略
Font 사용
index.vue<template>
<div>
<h1 style="font-family: 'Langar';">ABCDEF</h1>
<h1 style="font-family: 'Lobster';">ABCDEF</h1>
<h1>ABCDEF</h1>
</div>
</template>
Reference
이 문제에 관하여(【Nuxt.js】Google Fonts의 도입 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/higa02/items/1ce749bd9e0a727da41a
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
<template>
<div>
<h1 style="font-family: 'Langar';">ABCDEF</h1>
<h1 style="font-family: 'Lobster';">ABCDEF</h1>
<h1>ABCDEF</h1>
</div>
</template>
Reference
이 문제에 관하여(【Nuxt.js】Google Fonts의 도입 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/higa02/items/1ce749bd9e0a727da41a텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)