눈누 : 무료 폰트 사용, 일러스트 포토샵 글씨체 무료 다운로드, 무료한글 폰트 사이트 및 블로그 글씨체 변경 방법
안녕하세요,
경제적 자유를 꿈꾸는 꼼데입니다.
눈누
상업용 무료한글폰트 사이트
noonnu.cc
오늘은 '눈누'라는 사이트를 소개해드릴 텐데요.
필요에 따라서 상업적 이용이 가능한 무료 폰트 사용 사이트입니다.
엄청나게 다양한 폰트가 존재하고, 그중 많이 쓰이는 많이 쓰고, 최근에 게시된 폰트가 존재합니다!
1.일러스트 및 포토샵 적용
일단 첫 번째로 사이트에 들어가 보시면 직관적인 ui가 있습니다.
이 중 본인이 원하시는 글씨체를 찾아 적용 및 다운로드를 진행하시면 됩니다.
저는 블로그에 글을 쓰기도 하고, 일러스트나 포토샵에 주로 폰트를 삽입하는 경우가 많기에
기본 폰트지만 심심하지 않은 고딕버전 둘기마요체를 선택했습니다.
사이트를 클릭하시고 밑에 보시면, 라이선스 요약표라고
해당 폰트의 사용범위 및 가이드라인이 표시되어 있습니다.
제가 고른 해당 폰트는 폰트파일 유료판매 금지를 제외한 수정. 복제. 배포 및 출판용. 인쇄물에 사용범위가 들어가네요.
* 규정에 따라 달라질 수 있고, 금지사항 이용 시 법적 제재를 받을 수 있으니 꼭 참고해 주시길 부탁드립니다
표시처럼 우측 상단 해당 다운로드 페이지 이동, 및 다운을 받으시고
해당 ttf 파일을 일러스트나 포토샵에 적용시키면 됩니다.
2. 티스토리 웹 적용(블로그)
일러스트나 포토샵 및 프로그램에 폰트를 적용시키면 ttf파일을 저장해 활용하시면 되지만,티스토리 등 개인 블로그에서 적용시키느 방법을 알아보겠습니다.
표시해 드린것과 같이 우측 에 보시면 '웹 폰트로 사용' 칸을 누르시면 됩니다.
웹 폰트로 사용할 CSS-CODE 이고 복사버튼를 누르시거나 전체 드래그해서 복사해주시면 됩니다.
고딕버전 둘기마요체는 위 코드네요.
@font-face {
font-family: 'Dovemayo_gothic';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.1/Dovemayo_gothic.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
그 다음,
티 스토리 블로그 - 관리 - 스킨편집 - HTML -CSS를 클릭해주시면 됩니다.
/ * WEB FONT LOAD * / 아래 비어있는 자리에 붙여넣기 해주시면 됩니다.(CTRL+V)
그 다음, Font-family인 'Dovemayo_gothic' 를 복사해줍니다.
블로그 제목 변경
티 스토리 블로그에 적용이 됬다면, 제목을 변경하겠습니다.
#header h1 아래 font-family 칸에 default option으로 되어있는 칸을 저희가 방금 복사한
'Dovemayo_gothic' 으로 변경해줍니다.
그 이후, 우측 상단 적용 버튼을 누르시고 새로고침을 눌러주신 후
변경이 제대로 이루어졌는지 확인하시면 됩니다.