꿀똥벌레
꿀똥벌레 개발 블로그
꿀똥벌레
전체 방문자
오늘
어제
  • 분류 전체보기 (90)
    • JAVA (17)
    • SPRING (14)
    • Elasticsearch (4)
    • GRADLE (2)
    • HTML, CSS (0)
    • JAVASCRIPT (0)
    • GIT (1)
    • Vue.js (1)
    • server (1)
    • Python (0)
    • IT리뷰 (0)
    • 인프라 (6)
    • IOS (21)
    • 디자인패턴 (20)
    • Kafka (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • spring integration
  • 스프링 인테그레이션
  • persistence connection
  • java
  • 스프링 인티그레이션
  • KEEPALIVE
  • springintegration
  • Index Template
  • Index
  • persistent connection
  • elasticsearch
  • ES
  • spring
  • SWIFT
  • maxConnTotal
  • mappings
  • 인덱스 템플릿
  • maxConnPerRoute
  • connectionRequestTimeout
  • 엘라스틱서치

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
꿀똥벌레

꿀똥벌레 개발 블로그

Vue.js

vue-cli 3.0대 이상에서 로컬 폰트 적용 방법

2020. 11. 6. 17:11

vue-cli 에서 로컬에 다운받아놓은 폰트가 너~~어어어어~~~무 적용이 안되다가

되는방법을 찾아서 기록합니다...

 

1. src폴더 하위에 fonts 폴더 생성

2. 내가 적용하고싶은 폰트 fonts폴더 하위에 넣음

3. App.vue(가장 루트 뷰객체) 에 폰트 삽입구문 추가

@font-face {

  font-family: '폰트명';

  src: local('폰트명'),

    url(./fonts/폰트파일.ttf) format('truetype');

   /*ttf파일이 아니라면 그 파일 형식에 맞게 변경*/

}

    꿀똥벌레
    꿀똥벌레
    개발자 꿀똥벌레 입니다.

    티스토리툴바