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
- docker
- javascript animation
- styled-component
- npx
- graphql
- cicd
- socket.io
- 반응형웹
- scrapping
- Recoil
- AWS
- Redux
- 웹크롤링
- 포트포워딩
- Modal
- sequelize
- typescript
- react
- CDN
- 웹팩
- component
- route
- 성능최적화
- 정규표현식
- 회고
- express
- go
Archives
- Today
- Total
프로그래밍 공부하기
Google Font 적용하기 본문
1. 구글 폰트 사이트에서 원하는 폰트를 찾는다.
Google Fonts
Making the web more beautiful, fast, and open through great typography
fonts.google.com
2. 폰트를 선택한 후 Select this style을 선택한다.
3. 상단 우측의 사각형 버튼(View your selected familes)을 눌러 우측에 Selected Family 메뉴가 보이게 한다.
4. Use on the web의 링크와 CSS를 복사하고 링크는 html 파일에, CSS는 css파일에 넣어 사용한다.
'Web > [JS] FrontEnd' 카테고리의 다른 글
| DOM(Document Object Model) (0) | 2020.12.23 |
|---|---|
| CSS Naming을 어떻게 해야할까(1?) (0) | 2020.12.20 |
| last-child가 작동하지 않을 때 (0) | 2020.12.18 |
| [20201210][이전블로그글]box-sizing 속성 (0) | 2020.12.17 |
| [20201210][이전블로그글]글꼴의 크기 (0) | 2020.12.17 |
'Web/[JS] FrontEnd' Related Articles
more
Comments