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 |
Tags
- 클린코드
- php
- react
- dependabot
- hooks
- react18
- fly.io
- naver api
- bucket
- 반응형
- aws-sdk
- dependencies
- touch event
- Web Storage
- AWS
- npm-check-updates
- heroku
- multer-s3
- Next.js
- 배포
- GitHub
- qoddi
- package.json
- Github Pages
- gh-pages
- s3
- CSS
- .eslintrc
- createRoot
- node.js
Archives
- Today
- Total
목록font (1)
Ann's log

폰트를 적용할때 cdn을 사용하면 성능이 안 좋아진다고 해서 폰트를 직접 다운 받아 적용하는 방법에 대해 알아 보았다. 1. 적용할 폰트를 다운 받는다. 나는 눈누라는 사이트를 사용하였다. (예쁜 한글 폰트가 많아서 자주 사용함 🤩 ) https://noonnu.cc/ 눈누 상업용 무료한글폰트 사이트 noonnu.cc 폰트 상세 페이지에서 다운로드 버튼을 볼 수 있다. 이 버튼을 클릭하면 다운로드 페이지로 바로 이동하여 다운 받을 수 있음. 2. 다운받은 폰트를 src 폴더 안에 넣어준다. 나는 src 폴더 안에 fonts 폴더를 먼저 만들고 그 안에 넣어줬다. 3. font-face 정의 후 원하는 곳에 적용한다. 나는 전체 페이지에 한번에 적용하기 위해 index.css 파일에서 font-face를 ..
React
2022. 3. 14. 20:54