1. 구글 폰트에 들어갑니다.
Google Fonts
Making the web more beautiful, fast, and open through great typography
fonts.google.com
2. 나눔고딕 폰트가 보이네요. 이 폰트를 사용하겠습니다. 플러스 버튼을 누릅니다.
3. 플러스 버튼을 누르면 Family Selected라는 버튼이 보이는데요. 그 버튼을 클릭하면 아래와 같은 화면이 나옵니다.
4. 위 화면에서 standard에 있는 부분은 html의 head 안쪽에 붙여넣기 해줍니다.
그리고 아래의 Specify in CSS의 부분은 복사해서 스타일시트에 붙여넣기 해주시면 됩니다.
자세한 내용은 아래 코드팬을 참고하세요.
See the Pen 웹폰트 설치방법 by Sky Lee (@Tropicalsky) on CodePen.
'웹사이트 만들기 > CSS' 카테고리의 다른 글
| Float으로 인한 영역 깨짐(height: 0)을 방지하는 방법 (클리어픽스) (0) | 2019.12.17 |
|---|---|
| IR 기법(Image Replacement)의 의미와 종류 그리고 사용 방법 (0) | 2019.12.16 |
| HTML 과 CSS로 이미지를 표현하는 방법(Img/Background/이미지 스프라이트 기법) (0) | 2019.12.15 |
| 마진(Margin)과 패딩(Padding)의 차이와 입력 방법 (0) | 2019.12.13 |
| Inline과 Block 그리고 Inline-block의 차이점 (0) | 2019.12.11 |
