본문으로 바로가기






현재 제 블로그에 사용되고 있는 웹 폰트는 맑은 고딕(Malgun Gothic)체 입니다. 무난한 폰트이긴 하지만 블로그 분위기의 변화를 줘보려고 구글 나눔 고딕이나 Noto Sans KR 로 바꿔보려고 합니다. 




왼쪽이 기본적으로 적용되어 있던 맑은고딕(Malgun Gothic)폰트고 오른쪽이 이번에 바꿔 보려고 하는 폰트인 구글 Noto Sans KR 폰트입니다. 한눈에 보기에도 빈공간이 적어서 꽉찬 느낌이 드는데 실제로 블로그에 적용해 보고 괜찮으면 계속 써볼 생각입니다. 우선 적용을 해보고 써봐야 알겠죠~


그럼 적용하는 방법에 대해 알아보도록 하겠습니다.





우선 구글 웹 폰트 사이트로 가셔서 폰트 링크를 가져와야하는데 아래 주소를 클릭하셔서 구글 웹폰트 사이트를 열어주세요.







위 링크를 클릭해서 구글 웹 폰트 사이트로 이동하시면 600개가 넘는 엄청나게 많은 폰트들을 확인하실 수 있습니다. 원하는 폰트를 찾으려면 'Ctrl+F'키를 누르셔서 찾고자 하는 폰트를 입력해 줍니다. 저는 Noto Sans KR을 입력해서 찾아봤습니다.




'Ctrl+F'를 이용해서 폰트를 찾으셨다면 LinkExample 아래에 HTML 소스가 있는걸 확인하실 수 있습니다.  두개다 사용해야 하는데 우선 Link 부분의 소스를 복사(Ctrl+C) 해줍니다




Link 부분 아래에 있는 @import로 시작하는 소스코드를 블로그 HTML편집기의 CSS편집하는곳에 위에 스크린샷 처럼 붙여넣기 해주세요. 





그리고  Example 아래에 있던 코드는 복사해서 CSS편집하는곳에 기존에 사용하던 폰트인 'font-family:--'로 시작하는 코드가 있는데 지워주시고 복사한 코드를 붙여넣어 주시거나 비활성화 한 후에 붙여넣어 주시고 저장을 해주시면 웹 폰트 변경이 완료됩니다. 간단하죠~


변경하시고 블로그를 확인하시면 폰트가 바뀐걸 확인하실 수 있습니다. 


문제없이 잘 변경되셨길 바래요~ ㅎ.ㅎ






댓글을 달아 주세요

  1. 이호연 2017.08.27 23:51 신고

    현재 블로그를 둘러보고있는데 꿀팁들 정말 많이 알려주시는 것 같아요!! 블로그 운영하면서 잘 이용할게요 감사합니다ㅎㅎㅎ

  2. BlogIcon 클로넷 2017.12.09 22:58 신고

    나중에 저만의 테마 만들 때 참고 해야겠네요! 좋은 정보 감사합니다