[Front-End] Google 무료 폰트 사용하기
2017. 7. 6. 02:46ㆍ개발/Front-End
반응형
Front-End에서 웹 폰트를 사용하기 위해서 폰트를 로딩할 수 있는 링크가 필요하다.
Google Font에 가면 무료 폰트를 골라서 쓸 수 있다.
사용방법
1. https://fonts.google.com/ 로 접속한다.
2. 원하는 폰트를 선택한다.
3. 왼쪽 하단에 있는 플러스 버튼을 클릭한다.
4. 팝업창에서 링크 및 font-family이름을 확인한다.
이내용을 그대로 head태그 안에 넣어주면 된다.
예시 코드
1 2 3 4 5 6 7 8 9 10 11 12 | : <head> : <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"> <style type="text/css"> div, a { font-family: 'Open Sans', sans-serif; } </style> : </head> : | cs |
반응형
'개발 > Front-End' 카테고리의 다른 글
| Github.io 페이지에 퍼블리싱 하기 (0) | 2021.08.13 |
|---|---|
| [javascript] minify javascript (자바스크립트 사이즈 줄이기) (0) | 2021.07.22 |
| billboard.js 를 이용한 차트 그리기 (0) | 2017.11.14 |
| jQuery Mobile 사용시 download Link가 동작하지 않을 때 해결 방법 (0) | 2017.11.01 |
| javascript로 form 만들고 submit 하기 (0) | 2017.08.28 |