당신은 주제를 찾고 있습니까 “눈누 폰트 사용법 – 무료폰트사이트 눈누 이용가이드“? 다음 카테고리의 웹사이트 ppa.maxfit.vn 에서 귀하의 모든 질문에 답변해 드립니다: https://ppa.maxfit.vn/blog/. 바로 아래에서 답을 찾을 수 있습니다. 작성자 나빌레라 이(가) 작성한 기사에는 조회수 1,595회 및 좋아요 10개 개의 좋아요가 있습니다.
- 1. 눈누 https://noonnu.cc/ 상업적 이용 가능한 무료 한글 폰트 모음 사이트 눈누 …
- 웹폰트 적용 원하는 폰트를 찾았다면 폰트를 클릭해주세요. …
- css에 적용 복사한 코드를 적용하고자 하는 페이지 css에 넣어줍니다.
눈누 폰트 사용법 주제에 대한 동영상 보기
여기에서 이 주제에 대한 비디오를 시청하십시오. 주의 깊게 살펴보고 읽고 있는 내용에 대한 피드백을 제공하세요!
d여기에서 무료폰트사이트 눈누 이용가이드 – 눈누 폰트 사용법 주제에 대한 세부정보를 참조하세요
안녕하세요. 저작권에는 2가지가 있죠? 개인적으로 사용가능한 것과 상업적 무료이용이 가능한 것. 오늘은 많은 상업적 무료이용 폰트들을 비교하여 다운받아 사용할 수도 있는..아주 좋은 사이트 ‘눈누’를 소개합니다. 주기적으로 업데이트 되기에..해당폰트가 상업적 무료이용이 가능한지는 다운 받기전 반드시 체크해주셔야하구요~감사합니다. by 주영
#무료폰트#무료폰트사이트#상업적무료폰트#눈누
눈누 폰트 사용법 주제에 대한 자세한 내용은 여기를 참조하세요.
눈누
상업용 무료한글폰트 사이트.
Source: noonnu.cc
Date Published: 10/29/2021
View: 9896
상업용 무료폰트 사이트 눈누와 폰트(글꼴) 추가, 저장하는 법
안녕하세요, 마인드카소입니다. · 카소양을 제작하면서 완성도를 조금 더 업그레이드할 수 있었던 결정적인 요소가 폰트였는데요, 상업용 폰트를 무료로 …
Source: m.blog.naver.com
Date Published: 8/23/2021
View: 4287
상업용 무료 폰트 사이트 추천, 눈누에서 한글 폰트 초간단 적용 …
폰트 다운로드 방법 · 1. 사이트 상단에 항목 중 ‘모든 폰트’를 클릭해주세요. · 2. 검색창에 ‘고딕’을 입력해주시고 검색해주세요. · 3. 검색을 하셨다면 ‘ …
Source: it-windows-computer.tistory.com
Date Published: 7/7/2021
View: 9708
눈누 무료 글씨체 다운로드 설정 방법까지 알아봐요.
안녕하세요! 이미 많이 상용화된 눈누인데요. 이 사이트에서는 무료로 글꼴을 이용할 수 있어요. 저는 사이트 들어가서 다운로드까지는 참 쉬운데 …
Source: ddongdong.tistory.com
Date Published: 1/24/2022
View: 9847
[CSS][웹 폰트] google font, 눈누 적용하기 – 코딩 이야기
웹폰트. 웹에서 폰트를 적용하기 위해서는 크게 두가지 방법이 있다. TTF, OTF파일과 같은 폰트 파일을 다운받은 뒤 서버에 저장을 시키고, …
Source: sleepy-it.tistory.com
Date Published: 5/13/2022
View: 811
눈누 무료폰트 프로젝트에 적용하기 – Joo.soft
눈누 라는 굉장히 이쁜 무료 폰트가 많은 사이트를 찾았다. 리액트로 외부 폰트 적용하는 법은 처음이라 구글링을 통해 알아냈고 하고 나면 정말 …
Source: data-jj.tistory.com
Date Published: 4/2/2021
View: 5226
상업용 무료 폰트 다운 및 사용법 – 뉴엣 스토리
눈누 사이트 메인 화면입니다. 눈누 소개 페이지. 소개 메뉴로 들어가 보면 ‘상업적 이용 가능한 한글 폰트 페이지 눈누’라며 만드는 …
Source: newedge.tistory.com
Date Published: 12/26/2021
View: 1956
CSS HTML | 폰트이야기 | 상업용 무료 웹폰트 사용법 | @import
웹폰트를 처음 사용한다면 우선은 눈누 웹사이트를 둘러보는 것을 권한다. 폰트는 저작권에 민감하기 때문에 인터넷에 돌아다니는 폰트들을 아무 생각없이 …
Source: digiconfactory.tistory.com
Date Published: 7/12/2022
View: 3584
무료폰트로 내 블로그나 문서를 꾸며보자 – 눈누 상업용 무료 …
한글, 파워포인트, 워드 등에서 기본 글씨체 외에 다른 글꼴을 사용해야 할 일이 있거나, 블로그나 다른 사이트에서 웹 글씨체도 다양하게 활용해 …
Source: moonwithoutstars.tistory.com
Date Published: 11/13/2022
View: 723
주제와 관련된 이미지 눈누 폰트 사용법
주제와 관련된 더 많은 사진을 참조하십시오 무료폰트사이트 눈누 이용가이드. 댓글에서 더 많은 관련 이미지를 보거나 필요한 경우 더 많은 관련 기사를 볼 수 있습니다.
주제에 대한 기사 평가 눈누 폰트 사용법
- Author: 나빌레라
- Views: 조회수 1,595회
- Likes: 좋아요 10개
- Date Published: 2021. 9. 16.
- Video Url link: https://www.youtube.com/watch?v=KL6tg7rZRws
[css] 눈누 웹폰트 적용하기
반응형
안녕하세요. 플입니다.
오늘은 눈누에서 웹폰트를 적용해볼게요.
1. 눈누
https://noonnu.cc/
눈누는 상업적 이용이 가능한 한글 폰트 모음 사이트예요. 우선 위의 링크로 들어가 폰트를 골라줍니다.
스크롤을 내려서 원하는 폰트를 찾아도 좋지만 딱 원하는 폰트가 정해져 있다면 검색하는 게 편할 거예요.
검색하기 위해서 상단 메뉴에서 모든 폰트를 선택합니다.
모든 폰트 메뉴로 들어오면 오른쪽 상단에 검색할 수 있는 창이 뜰 거예요. 원하는 폰트를 검색해줍니다.
저는 나눔 시리즈를 원해서 나눔이라고 검색할 거예요.
2. 웹폰트 적용
원하는 폰트를 찾았다면 폰트를 클릭해주세요.
폰트 페이지로 들어가면 오른쪽에 웹폰트로 사용 코드가 나올 거예요. 옆에 복사하기를 클릭해주세요.
복사 완료가 뜨면 성공한 거예요.
3. css에 적용
복사한 코드를 적용하고자 하는 페이지 css에 넣어줍니다. 붙어 넣기만 하면 폰트를 사용할 수 있습니다.
이렇게 폰트를 적용하고 싶은 곳에 가서 font-family를 적용해주면 됩니다. 입력값은 웹폰트에서 복사해 왔을 때 쓰여있는 font-family를 그대로 적어주시면 된답니다.
여기를 복사해주면 된답니다.
그럼 이만.
총총.
반응형
상업용 무료폰트 사이트 눈누와 폰트(글꼴) 추가, 저장하는 법
어떤가요? 글씨체만 바꿔준 건데, 완성도와 느낌이 완전히 다르죠.
서체, 즉 글자는 의미와 이미지를 함께 담고 있는 디자인의 기본 요소입니다. 요즘 우리는 1인 크리에이터 활동, 홍보, 자기표현 등 SNS으로 하루 중 대부분을 SNS 안에서 활동하고 있기 때문에 시각적 감각이 더욱 발달하고 있는 것 같습니다. 한번 봤을 딱 임팩트를 남겨야 기억에 남고, 살아남을 수가 있으니까요.
저도 카소양의 폰트를 변경하게 된 스토리에서 또 스완님을 빼놓을 수가 없는데요, 왼쪽의 일반 폰트로 해피스완님께 어떠냐고 물었더니, 아주 솔직하게 의견을 주시더라고요.
“폰트가 어려운 거 아는데 특이하면 더 이쁠 거 같아요. 카소님은 일반 폰트라서 못 살리고 있는 같아서요. 폰트 개발은 어려우니까 상업용 무료 폰트 중 쓸만한 게 있는지, 아니면 손글씨나 폰트를 바꿔주면 좋겠어요.”
솔직한 피드백에 고마웠고 경력 15년 콘텐츠 개발 현직에 계신 분의 살아 있는 감각을 느낄 수 있었습니다.
그렇게 해서 저는 상업용 폰트 무료 폰트 사이트 눈누라는 곳을 이용해보았습니다.
https://noonnu.cc/
상업용 무료 폰트 사이트 추천, 눈누에서 한글 폰트 초간단 적용방법
우리가 사용하는 폰트에도 저작권법이 적용된 창작물입니다. 보통 폰트도 구매해서 사용하기도 하고 무료 폰트를 다운로드하고 적용해서 사용합니다. 무료 폰트여도 상업용으로 사용이 불가능한 폰트도 존재하기 때문에 영상 편집에 들어가는 자막, 블로그 포스팅 작업 등 예쁜 폰트를 상업적으로 사용하려면 상업용 폰트를 다운로드하아야 합니다.
글꼴
상업용 무료 폰트 사이트 눈누
여러 저작권에 있어서 상업적으로 사용이 가능한 무료 폰트 사이트 중 가장 많이 사용하시는 ‘눈누’ 사이트가 있습니다. 여러 용도별 어울리는 폰트와 기업에서 무료로 공유하는 글꼴 등 다양한 종류의 디자인이 있으며 자신이 궁금한 폰트를 찍어서 올리면 어떤 폰트인지 알려주는 게시판도 있어서 굉장히 유용한 사이트입니다.
폰트 미리보기 기능
다운로드하기 전 미리 폰트의 글씨체를 미리 원하는 문구를 입력해서 테스트해보는 미리 보기 텍스트 창이 있습니다.
https://noonnu.cc/
폰트 다운로드 방법
추천 폰트 : 눈누에서 직접 추천하는 폰트
모든 폰트 : 용도별, 폰트명, 제작 사명, 폰트 형태를 이용자가 직접 검색이 가능하고 선택 가능
저 같은 경우는 유튜브 크리에이터 분들이 자막 작업에 많이 사용하는 ‘검은 고딕’ 폰트를 예시로 다운로드 방법을 알려드리겠습니다.
1. 사이트 상단에 항목 중 ‘모든 폰트’를 클릭해주세요.
2. 검색창에 ‘고딕’을 입력해주시고 검색해주세요.
3. 검색을 하셨다면 ‘검은 고딕’이라는 폰트가 나오는데 클릭해주시면 됩니다.
4. ‘다운로드’ 버튼을 클릭해주세요.
5. ‘다운로드’ 버튼을 누르시면 구글 폰트 사이트가 나오는데 여기서 ‘Download family’를 클릭하시면 압축파일로 다운로드가 하여집니다. 기업에서 공유한 폰트인 경우 해당 기업 사이트로 들어가서 다운로드해야 하는 경우도 있습니다.
한글 폰트 적용방법
위 본문에서 다운로드하였던 압축파일을 압축을 해제하신 후 적용해주시면 되는데 그 방법은 아래의 사진과 함께 설명해드리겠습니다.
압축풀기
1. 다운로드한 압축 파일을 우클릭 후 압축 풀기를 진행해줍니다.
윈도우10 글꼴 설정
2. 윈도우 10 기준 왼쪽 하단 검색창에 ‘글꼴’ 검색 후 ‘글꼴 설정’ 진입해줍니다.
BlackHanSans ttf파일
3. 압축해제 했던 폴더 or 바탕화면에서 ttf파일을 ‘글꼴 추가’ 란에 드래그 and 드롭을 이용해 끌어서 놓아주시면 자동으로 적용이 됩니다.
폰트 종류와 수
눈누 폰트 종류
상업용 무료 폰트 사이트 눈누에서 다운로드를 할 수 있는 폰트의 종류수는 622개로 사이트 상단에서 ‘디스커버리’ 항목을 눌러서 확인해보시면 모든 폰트의 종류를 볼 수 있습니다. 추가로 폰트가 항시 업데이트되며 622개면 충분히 용도와 사용처에 따라서 어울리는 디자인과 글꼴을 사용할 수 있을 거 같습니다.
같이 보시면 좋아요.
망고보드, 무료ppt템플릿 다운로드 받고 퀄리티있는 발표하기!
포토샵 무료 다운과 설치 사이트
눈누 무료 글씨체 다운로드 설정 방법까지 알아봐요.
728×90
반응형
안녕하세요! 이미 많이 상용화된 눈누인데요.
이 사이트에서는 무료로 글꼴을 이용할 수 있어요.
저는 사이트 들어가서 다운로드까지는 참 쉬운데
이후 어떻게 하는지 헷갈리더라고요.
그래서 제가 아는 것 까지라도 방법 공유합니다.!
우선 아래 주소는 눈누 사이트입니다.
인터넷에 눈누 검색해서 접속하셔도 됩니다.
눈누 상업용 무료한글폰트 사이트
noonnu.cc/
눈누 사이트 들어왔을 때 첫 화면입니다.
많은 글씨체들이 있는데요.
아래 사진에 네모상자 보이시죠.
원하시는 대로 설정해서
오른쪽 상단에 돋보기 모양 검색해서 보셔도 됩니다.
저는 그냥 모든 폰트만 선택하고 봤어요.
저는 넥슨 메이플스토리 글꼴이 맘에 드네요.
폰트명 클릭해주세요.
아래 화면처럼 창이 하나 더 열릴 거예요.
이 창에서 아래로 내려보시면
간단한 사용범위가 나와있으니, 확인 바래요.
그리고 다운로드 클릭합니다.
이전 이전 01 옆으로 넘겨 보세요.
글꼴 회사마다 다운로드 창이 다를 것 같네요.
아무튼 각자 pc에 맞게 해주세요.
저는 윈도우 다운로드했습니다.
다운로드 폴더 따로 열어도 되지만,
저는 다운로드 후 오른쪽 마우스 클릭해서
바로 파일 열기 했습니다.
다른 폰트 다운했더라도 수정한 날짜 보시면
알아보기 편할 겁니다.
파일 위에 마우스 올리고 오른쪽 버튼 클릭하면
메뉴 생기는데, 그중 압축 풀기 클릭해주시고
압축 풀어주세요.
(찾아보기 해서 원하시는 폴더 선택해도 됩니다.)
완료되면 파일 폴더 생깁니다.
더블 클릭하고 폴더 들어가 주세요.
(Bold, Light는 글씨 두께 차이 같아요.)
위에 창을 닫지 말고 일단 그대로 두세요.
제어판→모양 및 개인 설정 → 글꼴로 들어가 주세요.
(저는 작업표시줄 검색란에 제어판 검색했어요.)
이전 이전 01 옆으로 넘겨 보세요.
그리고 처음에 열려있던 다운로드 폴더 있죠?
거기서 사용하고자 하는 글꼴 파일을 클릭, 드래그해서
방금 열어둔 글꼴 파일로 옮겨만 주면 됩니다.
잘 됐나 확인 위해 한 번 검색해봤어요.
이름이 영어였는데 검색해보니 안 나오더군요.
한글로 하니까 나오네요.
전에는 똑같이 영어 이름으로 검색 됐었는뎀..
혹시 이러신 분 있으면 발음 그대로 한글로 검색해보세요!
-완료-
한 번 한글 프로그램 들어가 볼까요?
다운로드한 글씨체 생겼죠?
사용하면 됩니다!!
글 봐주셔서 감사합니다:)
반응형
[CSS][웹 폰트] google font, 눈누 적용하기
웹폰트
웹에서 폰트를 적용하기 위해서는 크게 두가지 방법이 있다. TTF, OTF파일과 같은 폰트 파일을 다운받은 뒤 서버에 저장을 시키고, 이 파일을 불러와서 적용하는 방식과 다운받는 것 없이 url을 이용해서 웹 폰트를 적용하는 방식이다. 이 두가지 방법 중에서 두번째 방법인 웹 폰트를 적용하는 방법에 대해서 알아보자.
웹 폰트 종류
가장 많이 사용하는 웹 폰트에는 구글 폰트와 눈누가 있다. 구글 폰트에는 영어, 한국어 모두 있고, 눈누에는 한국어 폰트가 주로 있다. 이 웹사이트에 가보면 많은 폰트가 있으니 만드는 웹사이트에 어울리는 폰트를 골라서 사용하면 된다.
구글 폰트 적용하기
구글 폰트 웹사이트 상단에 이름으로 폰트를 검색할 수 있고, 언어, 카테고리, properties들을 설정할 수 있다. 그렇게 해서 원하느 폰트를 찾아서 들어가면 된다.
원하는 폰트로 들어가면 font weight에 따른 글들이 나오는데 쓰고싶은 weight의 옆에 + Select this style을 누르면 된다. 꼭 한개가 아니더라도 여러 weight, 여러 폰트들에서 버튼을 눌러도 한번에 적용을 할 수 있다. 그 후에 구글폰트 오른쪽 상단에 있는 아이콘을 클릭하면 된다.
아이콘을 클릭하면 오른쪽에서 웹 폰트로 쓸 수 있는 코드가 나올 것이다. html에 적용시키기 위해서는 를 보면 되고, 이번에는 CSS에 적용을 시키기 위해서는 @import의 코드를 복사해서 붙이면 된다.
CSS 가장 위에 @import 로 된 부분을 붙이고 폰트를 적용하고 싶은 부분에 font-family에서 import한 폰트를 적용하면 된다. 웹사이트 전체에 노토산스 폰트를 적용하는 경우 아래와 같은 코드를 사용하면 된다.
* { font-family: ‘Noto Sans KR’, sans-serif; }
눈누 폰트 적용하기
눈누에서도 구글 폰트와 같이 폰트를 검색하고 볼 수 있다.
이 중에서 마음에 드는 폰트를 선택하면 아래와 같이 폰트를 미리볼 수 있는 공간과 웹 폰트로 사용하는 코드, 다운로드 링크가 있다. 폰트를 다운받아서 사용하고 싶으면 다운로드 링크에 들어가서 ttf나 otf와 같은 파일을 다운받아서 설정하면 된다.
웹 폰트로 적용하기 위해서는 @font-face부분을 복사하여서 CSS가장 위에 붙여넣어 준다. 그리고 사용하고 싶은 부분에 font-family를 font-face에 설정된 이름을 사용하면 된다. 전체에 해당 폰트를 사용하는 경우면 아래와 같은 코드를 적용하면 된다.
@font-face { font-family: ‘SF_HambakSnow’; src: url(‘https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/SF_HambakSnow.woff’) format(‘woff’); font-weight: normal; font-style: normal; } * { font-family: ‘SF_HambakSnow’; }
눈누 무료폰트 프로젝트에 적용하기
눈누 라는 굉장히 이쁜 무료 폰트가 많은 사이트를 찾았다.
리액트로 외부 폰트 적용하는 법은 처음이라 구글링을 통해 알아냈고 하고 나면 정말 쉬운데 딱 입맛에 맞는 정보를 주는 블로그가 없는 것 같아 직접 포스팅하려 한다.
우선 아래 사진은 눈누 페이지에 들어가면 바로 보이는 폰트들이다. 대충 봐도 무료가 맞나 싶은 퀄리티다.
여하튼 이중에 맘에 드는 폰트를 하나 골라서 클릭하고 상세페이지로 이동하면 아래의 화면이 보일 것이다.
@font-face { font-family: ‘twaysky’; src: url(‘https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/twaysky.woff’) format(‘woff’); font-weight: normal; font-style: normal; }
그러면 가운데 부분에 웹폰트로 사용이라고 적힌 부분을 복사한다. 복사하면 위에 코드 블록처럼 코드 내용이 복사될 것이다.
이제 이걸 원하는 css 파일에 복사 붙여 넣기를 한다.
나는 프로젝트 전체에 폰트를 적용하고 싶어서 App.css 파일 내부에 붙여 넣었다.
원하는 클래스명에 font-family 부분만 복붙 하면 끝!
근데 나는 여기서 css 파일에 적어놓기만 하고 js파일 안에서 적용도 안 해놓은 채로 왜 안되냐고 중얼거리고 있었다.ㅎ
(음식 다 차렸는데 입에 넣지도 않고 왜 맛이 안 나냐고 투정 부리는 격…)
여기서 폰트를 적용시킬 js 파일로 이동하고 css 파일을 import 해준다.
이렇게!
그리고
div를 하던지 다른 걸 하던지 className을 css에서 정했던 class명으로 넣어주면 적용이 완료된다.
그러면 끝!
근데 간혹 가다가 폰트 적용이 안 되는 컴포넌트가 있으면 직접 font : inherit 속성을 집어넣어주기만 하면 된다.
상업용 무료 폰트 다운 및 사용법
IT 정보
안녕하세요, 다양한 상식과 정보를 소개하고 일상을 리뷰하는 뉴엣 스토리입니다. 오늘의 주제는 상업용 무료 폰트 다운로드 및 사용 방법입니다.
상업용 무료 폰트
다운로드 및 사용하기
개인적 용도로 사용하는 것이라면 그냥 아무 무료 폰트나 다운 받아서 사용해도 되지만 수익을 내기 위한 목적, 상업용으로 사용하게 될 경우 저작권 위반의 문제가 생길 수도 있습니다.
광고 수익을 얻는 유튜브도 마찬가지입니다. 규모가 큰 사업이 아니라 개인이 운영하는 블로그, 유튜브 등에서는 사안이 무겁지 않게 다루어진다고는 하지만 무료 폰트의 사용 범위를 정확히 알아 두어서 나중에 사소한 시비라도 생기지 않으셨으면 좋겠습니다.
▼ 이 블로그의 다른 글
무료 폰트 다운 사이트 눈누
먼저 무료 폰트를 다운로드할 수 있는 사이트를 하나 추천하겠습니다. 네이버 폰트 자료실도 있고 일정 비용을 지불하고 이용할 수 있는 다양한 폰트 사이트들이 있지만 제가 오늘 소개할 사이트는 눈누(noonnu)입니다.
눈누는 상업용 사용이 가능한 무료 폰트들만 모아서 다운로드할 수 있게 해 주는 사이트입니다. 설치하기 전에 폰트의 디자인을 확인할 수 있고, 상업용으로 어디까지 사용이 가능한지도 쉽게 알 수 있다는 것이 장점입니다.
검색창에 ‘눈누’를 입력하면 사이트가 하나 나오는데요, 바로 이곳으로 들어가시면 됩니다. 만약 사이트를 찾기 어렵다면 아래 링크를 통해 접속해 주세요.
눈누 사이트 메인 화면입니다.
소개 메뉴로 들어가 보면 ‘상업적 이용 가능한 한글 폰트 페이지 눈누’라며 만드는 사람들 소개와, 무료 사이트인 만큼 후원 계좌가 소개되어 있습니다.
이제 무료 폰트를 찾으러 가겠습니다. 위 메뉴 중 ‘모든 폰트’를 클릭해 주세요.
모든 폰트 메뉴로 들어가시면 어떤 용도로 사용할 수 있는지 사용 범위를 설정해서 검색할 수 있습니다. 폰트를 다운로드하기 전에 먼저 사용 범위를 알아야 합니다.
사용 범위로는 크게 포장지, 임베딩, BI/CI, OFL 이렇게 네 가지가 있습니다. 포장지는 말 그대로 상품의 포장지, 패키지 등에 사용되는 것을 뜻합니다. 임베딩은 웹사이트나 프로그램 서버 내에서 폰트를 사용하게끔 하는 것을 말합니다. BI/CI는 기업의 로고, 브랜드명, 상품명 등에 사용되는 것을 말하고, OFL은 수정 및 재배포까지 모든 상업용 사용이 가능한 것을 뜻합니다.
단, 어떤 무료 폰트라 해도 절대 허용하지 않는 것이 하나 있습니다. 폰트 파일을 수정 및 배포하는 것까지는 가능할 수 있어도 유료로 판매하는 것은 금지되어 있습니다.
폰트마다 클릭해서 들어가시면 위의 표처럼 용도별 허용 여부가 O, X로 표시되어 있습니다. 보통 눈누에서 제공하는 폰트들은 OFL만 X인 경우가 많습니다. OFL만 X인 경우는 폰트 파일을 공유하거나 하지 않는 이상 다 사용하셔도 됩니다.
낯선 용어들이라 헷갈리시거나 혹시 몰라 불안하시다면 마음 편하게 OFL 폰트만 사용하시면 됩니다. OFL 폰트는 폰트 파일을 유료로 판매하지만 않으면 상업적 용도 모든 범위에서 사용 가능합니다.
그럼 이제 마음에 드는 글씨체를 찾아보겠습니다. 폰트 페이지에 가면 ‘모든 폰트에 적용’이라며 문구를 입력해 보라는 칸이 있습니다. 그곳에 폰트를 입력하면 화면에 보이는 모든 폰트에 그 텍스트가 적용되어 폰트 디자인을 확인할 수 있습니다.
무료 폰트 다운 및 사용법
위에서 소개해 드린 방법으로 마음에 드는 예쁜 글씨체를 찾으셨다면, 이번에는 다운로드하고 내 컴퓨터에서 사용하는 방법을 알려 드리겠습니다.
저는 예시로 배민 주아체를 선택했습니다. 해당 폰트에 들어가서 스크롤을 내리면 폰트의 사용 범위가 설명되어 있는데요, 사용 범위를 확인한 후에 ‘다운로드’ 버튼을 클릭합니다.
다운로드 버튼을 클릭하면 이런 화면이 뜹니다. 윈도우용 TTF 파일과 맥용 OTF 파일 중 선택할 수 있는데요, 저는 윈도우용 TTF 파일로 다운 받겠습니다.
다운 받은 TTF 파일을 실행하면 이런 창이 뜨게 됩니다. 폰트를 설치하는 방법은 정말 간단한데요, 상단의 ‘설치’ 버튼을 클릭하시면 됩니다.
또 다른 방법으로는 TTF 파일을 제어판의 글꼴 폴더로 옮기는 방법과 C:\Windows\Fonts 폴더로 옮기는 방법이 있습니다.
설치 후에 바로 사용이 가능합니다. 한컴오피스, 포토샵 등 프로그램에 들어가서 폰트 목록을 보면 이렇게 다운 받은 폰트가 추가되어 있을 거예요.
폰트 이름이 한글로 되어 있을 수도 있고, 영문으로 되어 있을 수도 있습니다. 그건 프로그램마다 따로 설정할 수 있는 부분이니 참고해 주세요.
상업용 무료 폰트 사용 주의 사항
한 가지 걸리는 게 있어서 이걸 확인해 보느라 글을 쓰면서 시간이 조금 오래 걸렸는데요, 사용 범위를 확인하고 다운 받아서 잘 쓰고 있는데 해당 폰트의 사용 범위가 변할 수도 있다는 것입니다.
사이트의 ‘새 소식’ 메뉴로 들어가면 이런저런 공지 사항들이 있고, 그중에는 폰트를 눈누 사이트에서 삭제했다는 이야기의 글들이 있습니다.
위 같은 경우는 ‘삭제되었지만, 상업적으로 이용할 수 있다는 라이선스에는 변동이 없다’라고 합니다. 이런 경우에는 문제가 되지 않지만 다른 폰트를 하나 더 확인해 보겠습니다.
이 경우는 ‘삭제되었고, 라이선스가 변경되어 더 이상 상업적으로 이용할 수 없다’라고 합니다. 만약 이 소식을 모르고 폰트를 계속 사용하다가 나중에 문제가 생기면 어떻게 할까요. 이 문제를 해결하기 위해 이런저런 정보들을 찾아보다가 제가 내린 결론은 이렇습니다.
일단 모든 상업적 용도로 사용이 가능한 OFL(Open Font License) 폰트는 라이선스가 변하지 않습니다. 수정 및 재배포까지 가능하게 했던 폰트인데 라이선스가 변할 수 없습니다.
OFL이 아닌 다른 무료 폰트를 사용 중이었는데 라이선스가 변했다고 한다, 여기서 알아야 할 것이 있습니다. 폰트 저작권은 폰트를 사용한 창작물(영상, 이미지 등)에 있는 게 아니라 ‘폰트 파일을 사용하는 행위’에 있습니다.
폰트 파일을 용도에 맞지 않게 사용했을 경우 프로그램 저작권 위반이 됩니다. 즉, 무료 폰트로 배포되었을 때 다운 받고 사용해서 만든 창작물을 사용하는 것은 아무런 문제가 되지 않습니다. 나중에 문제가 되는 것은 상업용으로 사용할 수 없게 된 후에 ‘폰트 파일을 사용하는 행위’가 저작권 위반에 걸릴 수 있게 됩니다.
저작권자가 폰트 사용에 대해 문제를 삼기 위해서는 라이선스가 변경된 후에 폰트를 사용했다는 것을 증명해야 합니다. 하지만 라이선스가 변하기 전에 만들어진 창작물인지 그 후에 만들어진 창작물인지는 증명하기 어렵기 때문에 당사자가 어떻게 하느냐에 따라 문제삼기 힘들다는 것이 제 생각입니다.
다만, 문제가 될 가능성도 충분히 있기 때문에 가능하면 OFL 폰트만 사용하는 것을 권장하며, 만약 OFL이 아닌 폰트를 사용하고 계시다면 수시로 공지 사항을 확인하여 라이선스가 변경되지는 않았는지 체크하는 것이 조금이라도 안전한 방법이라고 생각됩니다.
<폰트 저작권 관련 유튜브 7분 영상>
추가로 궁금한 점이 있다면 댓글 남겨 주시고, 상업용 무료 폰트가 필요한 분들께서는 반드시 사용 범위를 잘 확인하셔서 예쁜 글씨체를 마음 편히 쓰실 수 있길 바라겠습니다.
상업용 무료 웹폰트 사용법
반응형
웹사이트와 블로그를 돋보이게 하는 것은 디자인이다. 폰트는 항상 웹에서 빼놓을 수 없는 중요한 요소다.
폰트의 역사를 잠깐 알아보면 가장 오래된 폰트 중의 하나는 굴림체이다.
인터넷 초창기 시절부터 MS 윈도우에서 기본으로 제공해서 별 생각없이 사용했던 굴림체라 별 거부감은 들지 않는다. MS-DOS 시절을 생각하면 컴퓨터에 한글이 잘 나온다는 사실만으로도 반갑던 때가 있었다. MSX 같은 교육용 컴퓨터에서 한글 폰트가 있었다고 하는데 용량을 생각하면 지금 처럼 제대로 사용은 어려웠을 것이다.
시간이 흘러 2020년 현재 굴림체하면 왠지 모르게 촌스럽게 느껴진다. 위키백과에 따르면 굴림체는 70년대 중반부터 사용되 왔다고 한다. 그렇게까지 오래된 폰트였는지 처음 알았다;;; 70년대에 활자 기계 (타자기가 존재하던 시절)에 일본어 폰트인 나루체를 본따 제작하였다는 유래다.
굴림체 – 위키백과, 우리 모두의 백과사전 (wikipedia.org)
현재 윈도우10의 기본 글꼴은 ‘맑은 고딕’인데 필자도 직장에서 굴림체로 초안을 작성한 문서를 최종적으로 ‘맑은 고딕’ 폰트로 변경했던 기억이 있다. 굴림체 이후 맑은 고딕의 시대 부터는 글을 쓸만했다.
사실 폰트에는 과학적인 원리가 숨겨져 있는데 유튜브 채널 ‘널 위한 문화 예술’의 굴림체가 구려보이는 이유 라는 영상에 자세하게 나와있다. 일본어 폰트를 참고하여 제작하다 보니 한글의 특성이 잘 드러나지 않아서 글자의 획(선) 사이가 커지거나 하는 등의 이유로 가독성이 떨어지게 만들어졌다고 한다.
우리가 몰랐던 굴림체에 숨겨진 비밀?? – YouTube
널위한문화예술
2010년대 이후 또 세상이 변하면서 새로운 폰트가 출현하기 시작한다. 유저들이 폰트 장인들이 한땀한땀 만든 폰트에 대해 눈을 뜨기 시작했으며 ‘배달의민족 도현체’ 등 마케팅 적으로 성공한 폰트들도 세상에 빛을 보기 시작했다.
폰트 제작은 세부적으로 들어가면 도트 작업을 해야 하는 일인데 한국 사람들은 이런일을 잘하는 DNA가 탑재되어 있다. 젓가락을 사용해서 인가? 근거는 없는 이야기지만 젓가락으로 콩을 집어 먹을 정도의 정교한 컨트롤이 폰트감각과도 연관이 있다고 생각한다. 근거는 없지만 그럴듯하다.
영문 폰트와 비교해봐도 한글 폰트는 정말 아름답고 개성이 강한 폰트가 많이 있다. 지금도 폰트 장인들의 부단한 노고에 힘입어 새로운 폰트가 개발되고 있다는 것은 놀라운 일이다.
이런 폰트들이 어디에 있을까? 그리고 폰트들을 개인이 사용할 수 있을까? 저작권 문제는 없을까?
– 정답은 가능하다! 개인의 웹사이트나 앱, 광고물들에 사용할 수 있는 폰트들이 많이 있다.
*한글 폰트를 찾는다면 첫번째로 확인할 곳은 상업용 무료한글폰트를 제공하는 눈누이다.
눈누 상업용 무료한글폰트 사이트 (noonnu.cc)
이 사이트에는 유료와 무표 폰트를 다운로드 받을 수 있다.
웹폰트를 처음 사용한다면 우선은 눈누 웹사이트를 둘러보는 것을 권한다.
폰트는 저작권에 민감하기 때문에 인터넷에 돌아다니는 폰트들을 아무 생각없이 자신의 웹사이트에 사용했다가는 저작권 문제에 걸릴 수 있으니 반드시 사용 허가가 있는 폰트를 사용해야 한다.
눈누의 다양한 폰트
한눈에 봐도 개성적인 디자인의 폰트가 많이 있다.
개별 폰트를 클릭해서 들어가보면 라이선스에 대한 내용이 게시되있다. 고지 내용에 따라서 사용하면 된다.
*영문 폰트는 구글 폰트부터 검색한다. 구글은 미국회사니까 다양한 영문 폰트가 등록되어 있다. 필자의 경우 코딩할 때 IDE에서 사용하려고 Source Code Pro 나 Hack 폰트를 다운받아 사용하고 있다. 이 둘은 영어 사이트에서 가장 많이 사용하는 코딩용 폰트이고 이 블로그의 소스코드를 게시하는 코드블록에도 적용되 있다. 또 구글 폰트에도 본고딕 등 자주 쓰는 한국어 폰트가 20여개 이상 등록되어 있다.
구글이 서비스하는 폰트니까 안정감이 있어서 많이 쓰게 된다.
Browse Fonts – Google Fonts
*HTML CSS에서 한글 웹폰트 사용하기, @font-face
폰트를 다운로드해서 웹서버에 설치할 수도 있고 웹에서 CDN (다른 웹사이트 서버에서 폰트를 클라이언트로 다운로드 받는 것) 방식으로 사용하면 웹폰트이다.
웹폰트는 네트워크의 다른 컴퓨터의 자원을 사용하기 때문에 자신의 웹서버 자원을 사용하지 않아도 된다는 장점이 있다. 이 문서에서는 웹폰트 방식으로 사용할 것이다.
눈누에서 ‘넥슨 메이플 스토리체’를 적용해보자.
눈누 상업용 무료한글폰트 사이트 (noonnu.cc)
웹페이지에서 아래와 같은 폰트페이스 코드를 복사한다. CSS를 수정할수도 있지만 일단 제작사가 제시한 코드 그대로 실행이 되는지 확인한 후에 하는 것이 좋다. 아래 파일을 CSS 파일에 집어넣는다.
@font-face { font-family: ‘MaplestoryOTFLight’; src: url(‘https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/MaplestoryOTFLight.woff’) format(‘woff’); font-weight: normal; font-style: normal; }
현재 font-family 이름이 MaplestoryOTFLight 라고 되있다. OTF 형식의 Light 가벼운 글꼴(반대로 bold 같이 진한 글꼴을 무겁다고 한다) 이다. 이 이름을 그대로 CSS에 적용하여 실행시킨다.
p { font-family: ‘MaplestoryOTFLight’; font-size: 1.2em; }
출력이 잘 되었다! HTML 파일을 조작하지 않고 CSS 파일만 관리하면 되니 코드도 깔끔하게 만들 수 있다.
*구글 웹폰트 사용
구글 웹폰트에서 Source Serif Pro 를 검색하여 semi-bold 타입을 선택하면 위와 같이 뜬다. link 방식과 @import 방식이 있는데 import 방식이 더 뚜렷해 보여서 이쪽을 사용한다. 구글은 이 링크를 googleapi 의 하나로 관리한다. ? 뒤에 넣는 조합에 따라 폰트를 특정할 수 있어서 성능이 좋다.
(폰트를 전부 다운로드 받는게 아니라 선택한 속성으로 다운로드한다.)
구글에서 제공하는 코드를 HTML의 head안에 넣는다. 만약 CSS 파일에 넣고싶다면 style 태그는 제거하고 넣어야 한다.
googleapi 를 다운로드한 곳의 아래에 사용법이 나와있다. font-family 에 serif 형은 serif 라고 지정해줘야 제대로 출력된다. 그대로 복사해서 CSS 파일에 넣자.
보다시피 영문이 멋있게 나왔다. 영문 폰트라 그런지 상대적으로 한글 폰트는 얇고 앙상한 느낌이다. 필자의 경우 한글을 거의 안쓰는 코딩에 사용한다.
* 구글 웹폰트 저작권 관련 : 폰트 페이지의 하단을 확인하면 Open Font License 를 따른다고 나온다. 구글 웹폰트는 거의 OFL 이지만 저작권은 항상 개별적으로 확인하는 습관을 갖도록 한다. 저작권 관련 문제는 민감하니 평소에 항상 신경을 쓰는게 좋다.
Open Font License (OFL) 은 저작권 걱정없이 무료로 사용할 수 있다.
SIL Open Font License (OFL)
이것으로 멋있고 다양한 웹폰트를 사용할 수 있게 되었다!
이 둘은 대표적인 사이트이고 인터넷에는 다양한 OFL 소스가 있으니까 검색을 통해 찾아 사용할 수 있다.
물론 한글은 영어에 비하여 폰트 수가 적다. 전세계의 영어 사용자는 11억명이고 한글 사용자는 어림잡아 8000만명 정도 된다. 그래도 8,000만명이면 꽤 많은 사람이 아닌가? 앞으로 더 많은 폰트 장인의 활약이 기대되는 부분이다.
아직도 웹의 상당수는 기본 글꼴을 활용한다. 그러니 웹폰트를 잘 사용하는 것도 능력이 되는 날이 올 것이다.
850+ Open Source Fonts (OFL) › Fontesk 이런 사이트들을 잘 검색해서 사용하자.
728×90
무료폰트로 내 블로그나 문서를 꾸며보자 – 눈누 상업용 무료한글폰트 (ft. 티스토리 웹폰트 적용방법)
한글, 파워포인트, 워드 등에서 기본 글씨체 외에 다른 글꼴을 사용해야 할 일이 있거나, 블로그나 다른 사이트에서 웹 글씨체도 다양하게 활용해 보고 싶을 때가 있는데요.
무료로 사용하면서도 저작권 문제에 걱정이 없는 폰트들을 제공하는 유용한 사이트가 있어 소개해 드리려고 합니다.
사이트는 ‘눈누 상업용 무료한글폰트 사이트’ 입니다.
noonnu.cc/#
개인적으로 활용하는 것 외에도, 눈누에서 제공하는 폰트들은 상업적으로도 이용 가능하다고 합니다.
추천폰트
추천폰트만 봐도 예쁜 글씨체들이 많이 있더라구요.
기업이나 단체에서 주관으로 만들어진 글씨체가 많은데, 생각보다 쓸만한게 많은 것 같습니다.
모든폰트
모든폰트 에서는 용도나 글꼴 종류에 따라서 찾아볼 수도 있습니다.
눈누가 또 사용이 편리하게, ‘모든 폰트에 적용’ 기능을 사용하면 폰트를 적용하고 싶은 문구를 적어서, 해당 문구에 가장 잘 어울리는 폰트를 고를 수 있게 한눈에 볼 수 있어요.
‘무료폰트 눈누’ 라는 글씨가 각 폰트별로 어떻게 나오는지 입력해보았어요.
폰트(글씨체) 적용방법
1. 캡쳐해서 쓰기
간단한 문구나 단어 정도만 사용하려고 할 땐, 위에서 본 것처럼 원하는 글씨체로 적어볼 수 있기 때문에 출력된 글씨를 캡쳐해서 쓰면 편하더라고요. 제 닉네임 별없달을 마음에 드는 글씨체로 입력해서 캡쳐해볼께요.
‘마포금빛나루’ 폰트를 사용했어요. 이쁘지 않나요? ㅎㅎ 간단한 문구라도 이렇게 폰트를 신경써 주면 훨씬 보기 좋아요.
2. 웹 폰트로 적용해 보기 (티스토리 기준)
안녕
위 글씨는 눈누에서 제공하는 폰트 중 ‘마포꽃섬’ 폰트를 웹폰트 적용을 통해 글씨체를 바꿔준 것입니다.
눈누 사이트에서 각 폰트마다 이렇게 웹폰트로 사용할 수 있게 CSS 코드를 제공 하는데요, 웹폰트는 사용자의 PC 에 해당 폰트가 없어도, 웹 서버에서 폰트를 불러와서 해당 폰트로 출력될 수 있게끔 해 주는 기능입니다.
저도 HTML / CSS 관해서는 초짜라 좀 헤맸는데 방법을 알아냈지요 ㅎㅎ 다들 티스토리 블로그에서 통째로 글씨체를 바꾸는 방법은 검색하면 꽤 나오는데, 부분부분 특정 문장이나 문단만 글씨체를 바꾸는 방법은 잘 없더라구요.
우선 원하는 폰트의 ‘웹폰트로 사용’ 복사하기를 눌러서 CSS 코드를 복사해 줍니다.
그리고 티스토리 관리에서 ‘꾸미기’ – ‘스킨 편집’ 을 들어가 주시구요.
화면 오른쪽에 ‘html 편집’ 을 들어가 줍니다.
그리고 ‘CSS’ TAB 을 들어가서, 보통 맨 위에 @charset “utf-8”; 요런 부분이 있는데 그 아래에 복사한 CSS 코드를 붙여넣어 주시고 ‘적용’ 버튼을 눌러 주세요.
그리고 포스팅 글을 작성하실 때, 해당 폰트만 적용하고 싶은 단어나 문구를 입력하고 html 편집기에서 이런식으로 작성 하시면 됩니다. (글씨크기 부분은 뺐어요 ㅎㅎ) 아까 복사한 CSS 코드에서 font-family 부분과 url 부분이 글씨체마다 다르니, 해당 부분을 CSS 코드랑 똑같이 작성 하셔서 적용하시면 되는 것이죠. (잘 이해가 가시지 않으면 댓글 남겨주시면 최대한 알려드리도록 노력하겠습니다 ㅎㅎ)
3. 다운로드 해서 파워포인트 등에서 해당 글씨체 사용하기
폰트마다 ‘다운로드’ 버튼이 있는데, 다운로드를 받으면 제어판 – 글꼴 부분에 해당 폰트가 추가되게 됩니다.
티머니 둥근바람체를 다운로드 해보았는데요, 다운로드 버튼을 누르면 해당 글씨체를 제공하는 사이트로 이동되고, 서체 다운로드 받을 수 있는 부분이 있을꺼에요.
다운로드 받고 설치 하면 이렇게 추가된게 보이죠.
파워포인트 글씨체에도 보이구요~
이렇게 적용해서 사용할 수 있답니다.
여러분도 예쁜 폰트, 글씨체 활용해서 홈페이지나 문서를 멋지게 꾸며 보세요.
키워드에 대한 정보 눈누 폰트 사용법
다음은 Bing에서 눈누 폰트 사용법 주제에 대한 검색 결과입니다. 필요한 경우 더 읽을 수 있습니다.
이 기사는 인터넷의 다양한 출처에서 편집되었습니다. 이 기사가 유용했기를 바랍니다. 이 기사가 유용하다고 생각되면 공유하십시오. 매우 감사합니다!
사람들이 주제에 대해 자주 검색하는 키워드 무료폰트사이트 눈누 이용가이드
- 동영상
- 공유
- 카메라폰
- 동영상폰
- 무료
- 올리기
무료폰트사이트 #눈누 #이용가이드
YouTube에서 눈누 폰트 사용법 주제의 다른 동영상 보기
주제에 대한 기사를 시청해 주셔서 감사합니다 무료폰트사이트 눈누 이용가이드 | 눈누 폰트 사용법, 이 기사가 유용하다고 생각되면 공유하십시오, 매우 감사합니다.