Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- vue #vue.js #font #web-font
- 장고
- 세션스토리지
- 뷰
- vue-router
- 라우터
- Router
- VUE
- vuetify
- 자바스크립트 #javascript #렌더링 #렌더링순서
- 성능 최적화
- Transition
- 예외처리
- jest
- vue.js
- 주니어 개발자
- 프론트엔드
- lazy loading
- DOM
- frontend
- virtual dom
- 렌더링 최적화
- NavigationDuplicated
- cubic-bezier
- webpack
- 로컬스토리지
- 안드로이드
- 세션
- css
- Django
Archives
- Today
- Total
목록vue #vue.js #font #web-font (1)
한준호
Vue.js Web Font(웹폰트) 적용
1. 웹폰트란? 방문자의 로컬 컴퓨터에 폰트 설치 여부와 상관 없이 온라인의 특정 서버에 위치한 폰트 파일을 다운로드하여 화면에 표시해주는 웹 전용 폰트입니다. 예를 들면, 웹폰트를 사용하지 않았을 경우 나눔고딕 폰트 미설치 PC에서는 기본 폰트인 돋움 폰트가 노출되고 나눔고딕 폰트 설치 PC에서는 나눔고딕 폰트가 노출됩니다. 하지만 웹폰트를 사용하면, 나눔고딕 폰트 설치 유무와 상관 없이 나눔고딕 폰트가 노출됩니다. 2. 웹폰트 사용 방법 css파일 생성 후 @font-face { font-family: NanumSquareWeb; src: url(NanumSquareR.woff) format('woff') } 이후 프로젝트를 컴파일 하면 폰트가 변경됩니다. bold, light등 다양한 옵션을 지정할..
Frontend/Vue js
2021. 3. 5. 04:06