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의 부분은 복사해서 스타일시트에 붙여넣기 해주시면 됩니다.
자세한 내용은 아래 코드팬을 참고하세요.
'웹사이트 만들기 > 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 |
