무료 글꼴 블로그에 적용하기(구글 폰트)
2019. 7. 28. 00:00
반응형
안녕하세요. 낭만 부부입니다.
오늘 포스팅은 무료 "구글 폰트"를 사용하는 방법에 대해서 입니다.
네이버 혹은 요즘 이벤트로 무료 글꼴을 많이 나누어 주던데 "구글 폰트" 기능을 미리 아셨던 분들은 이런 이벤트를 쳐다 보지도 않으셨겠죠.
구글에서는 여러 가지 폰트를 무료 배포하고 있습니다. 블로그에 적용하는 방법도 아주 간단하죠.
오늘은 아주 간단하게 폰트를 적용하는 방법을 알아보겠습니다.
먼저 여기 접속합니다.
▼ 구글 폰트
▼ 마음에 드는 글꼴을 선택합니다. 빨강색 + 버튼을 클릭합니다.
▼ 이 글꼴과 관련된 HTML코드가 나옵니다.
상단 코드는 복사해서 <head>와 </head> 사이에 붙여넣기합니다.
하단 코드는 복사해서 css에 붙여넣기합니다.
▼ 그럼 실제로 한 번 해볼게요. 자신의 블로그 설정 화면 > "스킨편집"을 클릭합니다.
▼ "html편집" 클릭합니다.
▼ 방금 구글 폰트에서 복사한 글꼴 상단 코드를 </head> 바로 위에 붙여넣기 합니다.
▼ "css"의 "body" 부분에 글꼴 하단 코드를 붙여넣기 합니다.
▼ 변경된 글꼴을 확인할 수 있습니다.
오늘 포스팅은 여기까지 입니다.
이제 곧 폭염이 시작된다고 하죠. 모두 건강 유의하시길 바랍니다.
