구글 폰트 추천 | 디자이너 추천하는 상업적, 저작권 무료 폰트 완벽 모음! // 존코바 // 디자인 // 유튜버 모든 답변

by

당신은 주제를 찾고 있습니까 “구글 폰트 추천 – 디자이너 추천하는 상업적, 저작권 무료 폰트 완벽 모음! // 존코바 // 디자인 // 유튜버“? 다음 카테고리의 웹사이트 ppa.maxfit.vn 에서 귀하의 모든 질문에 답변해 드립니다: https://ppa.maxfit.vn/blog. 바로 아래에서 답을 찾을 수 있습니다. 작성자 JohnKOBA Design 이(가) 작성한 기사에는 조회수 736,767회 및 좋아요 37,180개 개의 좋아요가 있습니다.

웹디자인을 위한 구글 폰트 추천
  • Karla. Designer : Jonny Pinhorn. …
  • Lora. Designer : Cyreal. …
  • Archivo. Designer : Omnibus-Type. …
  • Frank Ruhl Libre. Designer : Yanek Iontef. …
  • Playfair Display.

구글 폰트 추천 주제에 대한 동영상 보기

여기에서 이 주제에 대한 비디오를 시청하십시오. 주의 깊게 살펴보고 읽고 있는 내용에 대한 피드백을 제공하세요!

d여기에서 디자이너 추천하는 상업적, 저작권 무료 폰트 완벽 모음! // 존코바 // 디자인 // 유튜버 – 구글 폰트 추천 주제에 대한 세부정보를 참조하세요

안녕하세요, 존코바입니다.
제가 현재 유튜브 하면서 계속 사용하고
크리에이터, 유튜버에게 필수인
상업적, 저작권 무료 폰트 소개입니다!

1.검은고딕 https://github.com/zesstype/Black-Han-Sans
2.에스코어드림 http://www.s-core.co.kr/who-we-are/font/
3.몬소리체 https://brunch.co.kr/@creative/32
4.Noto Sans https://fonts.google.com/specimen/Noto+Sans+KR
5.잉크립퀴드체 http://www.thefaceshop.com/event/lipquid/main.jsp#FontDownload
6.tvn 즐거운 이야기체 http://tvn10festival.tving.com/playground/tvn10font
7.스웨거체 http://www.swagger.kr/font.html
8.주아체 http://font.woowahan.com/
☞ 눈누 https://noonnu.cc/
☞ 구글폰트 https://fonts.google.com/

▶ Similar Tutorials
Typography Tip Tutorials → http://bit.ly/2YhBltr

– Photoshop CC 2017
– Wacom Tablet Intuos 3

▶ 영상 사용 및 비지니스 문의 : [email protected]

——————————————————————————————–
COPYRIGHT ⓒ 2015 JOHNKOBA ALL RIGHTS RESERVED.
본 영상의 저작권은 존코바에게 있습니다.
——————————————————————————————–
강의를 보고 만든 이미지나 영상에 대한 출처는
처음 사용하실 때만 밝혀주시면 됩니다.
——————————————————————————————–

#무료폰트 #폰트 #폰트추천

구글 폰트 추천 주제에 대한 자세한 내용은 여기를 참조하세요.

2020년 기준 현직 디자이너가 추천하는 상업적 무료 폰트 (한글 …

본고딕 혹은 Noto Sans (노토산스)라고 불리는 이 폰트는 구글과 Adobe사가 함께 만든 폰트인데요! 아주 기본적인 고딕 폰트로 본문 내용으로 쓰기 정말 …

+ 더 읽기

Source: yeowubyeol.tistory.com

Date Published: 8/9/2022

View: 5611

유용하게 쓸수 있는 진짜 괜찮은 구글 웹 폰트들 (Google Web …

1. Vollkorn · 2. Cardo · 3. Gentium Book Basic · 4. Lato · 5. PT Mono …

+ 여기에 보기

Source: medium.com

Date Published: 3/23/2022

View: 4346

고딕체 3종 (Noto Sans, 프리텐다드, 에스코어 드림) – 순상생활

[폰트 추천] 2021년 디자이너가 추천하는 상업용 무료 폰트 – 고딕체 3종 (Noto Sans, 프리텐다드, 에스코어 드림). 디자인 순이 2021. 12. 2. 17:16. 320×100.

+ 더 읽기

Source: soonart.tistory.com

Date Published: 6/6/2021

View: 3888

눈누

상업용 무료한글폰트 사이트. … 눈누가 직접 제안하는 용도별 추천 폰트들을 만나 보세요. 눈누의 모든 폰트 보러가기 →. 후원사 광고 후원사 배너 이미지.

+ 더 읽기

Source: noonnu.cc

Date Published: 7/13/2022

View: 9833

[구글폰트] 상업적 무료 폰트 다운받을 수 있는 사이트

[구글폰트] 상업적 무료 폰트 다운받을 수 있는 사이트. 잘됐으면좋겠다 2021. 10. 27. 21:34. 디자인을 하다보면 폰트의 중요성을 새삼 또 느끼게 된다.

+ 여기에 자세히 보기

Source: happyhappy94.tistory.com

Date Published: 10/7/2022

View: 3329

[Github 블로그] 웹 폰트 설정하기 (+폰트 추천) – 평생 공부 블로그

구글 폰트에서 원하는 폰트를 찾았다면 위와 같이 오른쪽에 “Select this Style” 을 클릭하자. image. 폰트를 선택하고 …

+ 더 읽기

Source: ansohxxn.github.io

Date Published: 4/20/2022

View: 4906

크롬 글씨체 변경 가독성 최고 노토 산스 폰트 적용법 – marka

구글 노토 산스 폰트(Noto Sans) · 1. 크롬 브라우저 상단 오른쪽 [ a. 점 세 개 ] 클릭 >> 아래 [ 설정 ] 클릭.

+ 여기에 더 보기

Source: ksmb.tistory.com

Date Published: 3/19/2021

View: 5023

주제와 관련된 이미지 구글 폰트 추천

주제와 관련된 더 많은 사진을 참조하십시오 디자이너 추천하는 상업적, 저작권 무료 폰트 완벽 모음! // 존코바 // 디자인 // 유튜버. 댓글에서 더 많은 관련 이미지를 보거나 필요한 경우 더 많은 관련 기사를 볼 수 있습니다.

디자이너 추천하는 상업적, 저작권 무료 폰트 완벽 모음! // 존코바 // 디자인 // 유튜버
디자이너 추천하는 상업적, 저작권 무료 폰트 완벽 모음! // 존코바 // 디자인 // 유튜버

주제에 대한 기사 평가 구글 폰트 추천

  • Author: JohnKOBA Design
  • Views: 조회수 736,767회
  • Likes: 좋아요 37,180개
  • Date Published: 2019. 5. 19.
  • Video Url link: https://www.youtube.com/watch?v=7gOiGK83X-o

웹디자인을 위한 구글 폰트 추천

안녕하세요. 리메인입니다:D

폰트는 디자인에서 빠질 수 없는 디자인 요소입니다. 디자인의 컨셉과 방향을 결정짓는 매우 중요한 요소이며, 웹 디자인에서도 폰트는 매우 중요한 요소입니다. 웹 디자인의 경우에는 분야 특성상 많은 디자이너들이 속도에 대한 이슈를 해결하기 위해 CDN으로 제공되는 구글 폰트를 사용하고 있습니다.

이번 편에서 소개드릴 폰트는 구글 폰트로 구글폰트서비스( https://fonts.google.com )를 통해 구글에서 제공하는 폰트입니다.

아름다운 폰트를 발견했다면, 꼭 사용해보세요!

웹디자인을 위한 구글 폰트 추천 – 영문

디스플레이 환경에 최적화되었으며 동시에 심미성까지 고루 갖춘 웹디자이너를 위한 무료 영문 폰트를 추천드립니다.

01. Karla

Designer : Jonny Pinhorn

Weight : Regular/Regular Italic, Bold/Bold Italic

Style : Sans Serif

https://fonts.google.com/specimen/Karla

02. Lora

Designer : Cyreal

Weight : Regular/Regular Italic, Bold/Bold Italic

Style : Serif

https://fonts.google.com/specimen/Lora

03. Archivo

Designer : Omnibus-Type

Weight : Regular/Regular Italic, Medium/Medium Italic, Semi-Bold/Semi-Bold Italic, Bold/Bold Italic

Style : Sans Serif

https://fonts.google.com/specimen/Archivo

04. Frank Ruhl Libre

Designer : Yanek Iontef

Weight : Light, Regular, Medium, Bold, Black

Style : Serif

https://fonts.google.com/specimen/Frank+Ruhl+Libre

05. Playfair Display

Designer : Claus Eggers Sørensen

Weight : Regular /Regular Italic, Bold /Bold Italic, Black/Black Italic

Style : Serif

https://fonts.google.com/specimen/Playfair+Display

마치며,

지금까지 디자이너를 위한 영문 폰트 종류에 대해 알아봤습니다!

위에 소개된 폰트들은 개인을 비롯하여 상업용으로도 사용 가능한 폰트이니 디자인할 때 활용해보시기 바랍니다:)

2020년 기준 현직 디자이너가 추천하는 상업적 무료 폰트 (한글 폰트) 모음

안녕하세요 여우별입니다 ^_^ 드디어 티스토리 블로그에 첫 글을 쓰게 되어 넘모나 기쁩니다! 야호! XD

첫 글은 어떤 주제로 써볼까 고민하다가 디자인을 하는 사람이라면 각별히 주의해야 하는 ‘저작권’에 관하여,

그리고 저작권에 가장 많은 영향을 받는 것 중에 하나인 ‘상업적 무료 폰트’에 대해 써보려 합니다.

폰트 저작권에 대해 먼저 설명하고 상업적 무료 폰트를 추천해드릴 예정이기 때문에

‘나는 관련된 지식이 어느정도 있다!’ 생각하시는 분은 조~금 뒤로 넘어가셔서 바로 본론을 보시면 될 것 같습니다.

폰트 저작권에 대해 잘 모르시는 분은 여기서부터 천천히 설명을 보시고 추천 폰트를 확인하시면 도움이 될 것이라 생각됩니다 ^.^~!!

오늘날 참 많은 사람들이 블로그, 인스타그램, 페이스북 등 각종 SNS를 비롯하여 온라인 스토어, 유튜브에 이르기까지 아주 다양한 매체에서 수많은 컨텐츠를 제작하고 있는데요.

단 하나의 컨텐츠를 만들더라도 굉장히 방대한 자료와 이미지, 동영상, 글씨체 등을 이용하여 만들게 됩니다.

그 중에서 글자는 정보를 전달하는 가장 기본이 되는 요소로 수많은 폰트(글씨체)가 있지만, 각 폰트마다 고유의 저작권이 있습니다.

인터넷에서 본 예쁜 폰트의 라이선스를 자세히 살펴보지 않고 사용했다가 적게는 몇 십만 원, 크게는 몇 백만 원대의 막대한 벌금을 내야할 수도 있습니다 ㅠ.ㅠ

요즘에는 저작권 의식이 많이 높아져서 폰트 저작권에 대하여 어느정도 개념은 가지고 있지만, 정작 어떤 부분을 확인해야 하는지는 모르는 경우가 많은 것 같습니다.

폰트를 사용하고자 할 때 가장 중요하게 봐야 하는 것은 ‘상업적 무료 허용’의 여부입니다!

우리는 인터넷에서 많은 무료 폰트를 접하게 되는데요, 무료라고 쓰여있지만 우리가 생각하는 그 무료가 아닌 경우가 굉장히 많습니다.

상업적 무료가 명시되지 않은 무료 폰트는 대부분 개인용 무료 폰트라고 생각하시면 돼요!

(보험 안내문에 써 있는 수많은 깨알 약관처럼 폰트에도 각각의 약관이 살아있다고 생각하시면 이해하기 편하실 것 같습니다.)

똑같은 무료라도 개인용 무료 폰트와 상업적 무료 폰트는 개념이 아예 다르답니다.

개인용 무료 폰트는 개인이 비상업적 용도로 사용하는 것을 뜻합니다.

예를 들면 수익 창출이 없는 개인적인 문서 작성이나 소장 자료, 개인적으로 가질 이미지 제작, 개인적인 용도로 사용할 인쇄물 제작 등을 말합니다.

이런 폰트로 수익이 창출되는 블로그나 유튜브 등에 이용하시면 저작권 침해 고소장을 받게 될 위험이 매우 매우 큽니다.

그렇다면 상업적 무료 폰트라는 건 무엇일까요?

상업적 무료 폰트는 말 그대로 일반 회사, 관공서 등 수익 창출을 목적으로 하는 대상에게도 무료로 이용할 수 있게 허락해주는 폰트입니다! 세상 감사한 일이죠

상업적 무료가 명시된 폰트는 대부분 웹디자인, 브로슈어, 포스터, 책 등의 출판 인쇄, 영상, CI&BI 제작, 패키지 디자인 등 전반적인 작업에 폰트 이용을 허락합니다.

예를 들면 프리랜서로 일하는 디자이너가 수주 받은 웹디자인 작업을 할 때 해당 폰트를 활용한다든가, 회사차원에서 만든 디자인을 인쇄하여 다른 회사에 판매할 목적으로 만들 때, 수익창출을 걸어 둔 유튜브 영상을 만들 때, 회사의 로고를 만들 때 등 아주 여러 상황에서 활용할 수 있게 되는 것이죠.

상업적 무료 폰트라도 회사마다 제시하는 허용 범위가 조금씩 다르기 때문에 일일이 꼼꼼하게 확인하는 것이 제일 좋습니다.

더불어 뭔가 애매하다 싶은 라이선스는 해당 폰트 회사에 직접 문의하시는 게 가장 빠른 방법이고요 ^^;

자세히는 아니더라도 어느 정도는 이해가 되셨으리라 생각됩니다. 그럼 바로 추천 폰트로 넘어가 볼까요?!

지금부터 2020년 3월 기준으로 현직 디자이너가 추천하는 상업적 무료 한글 폰트를 소개해드릴게요-!!!

아, 글 시작 전에 짧은 안내를 드립니다.

*추천 폰트 선정 기준은 제목과 본문 내용에 두루두루 활용하기 좋은지, 어떠한 유료 폰트를 대체할 무료 폰트로 괜찮은지, 최근에 배포된 폰트인지를 염두에 두고 작성해드림을 미리 밝힙니다.

(실제로 새로 배포된 폰트의 내용이 많습니다. 천천히 확인해보세요~!)

*추천드리는 모든 폰트는 각 폰트마다 라이선스 범위가 다릅니다.

제가 본문에 써드리는 것은 단순 참고용이므로 본인이 쓰고자 하는 범위가 포함되는지 반드시 확인해주세요! (특히 임베딩, OFL 부분)

*현존하는 모든 폰트(글꼴 자체)를 유료로 판매하는 것은 불법입니다. 절대 판매하시면 안 됩니다!

구글 본고딕 (Noto Sans)

https://fonts.google.com/specimen/Noto+Sans+KR

본고딕 혹은 Noto Sans (노토산스)라고 불리는 이 폰트는 구글과 Adobe사가 함께 만든 폰트인데요!

아주 기본적인 고딕 폰트로 본문 내용으로 쓰기 정말 좋은 폰트예요.

폰트 두께도 아주 가늘고 얇은 Thin부터 Light, DemiLight, Regular, Medium, Bold, 가장 두꺼운 Black까지 7개나 있어 활용도가 매우 높은 편입니다.

온갖 외계어(?)까지 쓸 수 있어 글자로 재미있는 말장난 타이포 디자인을 좋아하시는 분들에게도 도움이 되는 것 같습니다(?) 아마도….?

아무튼! 개인적으로 윤고딕 대용 폰트를 찾으신다면 이만한 무료 폰트가 없을 것으로 생각됩니다^_^

지금 읽고 계시는 티스토리 글도 본고딕이 적용되어 있으니 확인하시기 쉬울 거예요~

실제 현업에서도 많이 사용하고, 디자이너의 많은 사랑을 받은 폰트입니다.

저는 자간 -30 ~ -50, 장평 95~98% 정도로 사용하는 것을 좋아합니다. 😊 (TMI 대방출)

에스코어드림 (S-Core Dream)

http://www.s-core.co.kr/who-we-are/font/

에스코어 주식회사에서 만든 에스코어드림 폰트입니다.

디자인 업계에서 큰 사랑을 받고 있는 유료폰트 HG꼬딕씨와 옴니고딕의 대체제로 아주 잘 어울리는 무료폰트라고 생각합니다.

아래 이미지를 한 번 보시겠어요?

큰 차이가 느껴지시나요? ^_^

왼쪽이 에스코어드림 (무료서체), 그리고 오른쪽이 꼬딕씨 (유료서체) 입니다.

만약 비슷하게 느껴진다면 장평과 자간 조절을 잘 해서 사용하시면 될 것 같습니다.

에스코어드림 서체는 기본적으로는 고딕 폰트인데 가로획의 끝이 약간 올라가 있어 부드러운 인상을 주는 고딕 폰트입니다^_^!

무료 서체인데도 불구하고 앞서 소개해드린 본고딕보다 더 많은 두께를 가지고 있습니다 ㅇ0ㅇ 완전 혜자

Thin, Extra Light, Light, Regular, Medium, Bold, Extra Bold, Heavy, Black 총 9가지 두께입니다.

제작물의 퀄리티를 높이는데 폰트 두께를 적절히 사용하는 것이 아주 중요한 역할을 하는데,

이러한 관점에서 에스코어드림 폰트는 혜자 오브 혜자라고 할 수 있겠습니다!

잘난체 (위드이노베이션)

https://www.goodchoice.kr/font

여기어때 폰트로 유명한 잘난체입니다.

정말 많은 분야에서 이 폰트를 사용하고 있어 폰트가 익숙하시리라 생각됩니다^.^

제목으로 쓰기 정말 좋은 폰트여서 현업에서도 많이 이용하고 있습니다.

요즘에는 특히 유튜브 썸네일 이미지로도 많이 활용하고 있는 것 같아요!

네모꼴의 꽉 찬 모듈과 둥글게 시작해서 샤프하게 끝나는 폰트라

가독성도 좋고 집중도도 높은 편이기 때문에 강조할 일이 있을 때 쓰면 참 좋은 폰트입니다.

검은고딕 (Black Han Sans, ZESSTYPE)

https://fonts.google.com/specimen/Black+Han+Sans

산돌폰트의 유료폰트인 격동고딕 서체를 좋아하시나요? 그렇다면 여기 훌륭한 대체제가 있습니다.

바로 ZESSTYPE님께서 만든 검은고딕인데요, 이미 이 폰트를 알고 계신 분이라도 꼭! 다시 확인해봐야 할 좋은 소식이 생겼으니 잠시 읽어보세요!

검은고딕은 격동고딕에 견줄 만한 폰트로 디자이너의 사랑을 듬뿍 받고 있습니다.

제일 굵은 블랙(Balck) 서체인데도 아주 깔끔하고 가독성도 좋은 폰트예요!

제목으로 활용하기 좋은 건 말할 것도 없고, 썸네일에 활용할 때 특히 눈에 잘 읽히고 좋습니다.

기존의 검은고딕 서체는 영어는 안 써지고 오직 한글만 쓸 수 있었고, 외계어(?)도 잘 쓸 수 없는 아쉬움이 있었는데

이번에 리뉴얼이 되어 기존의 한글에서 더 많은 글자를 쓸 수 있고, 영문도 추가되고, 간단한 특수문자도 추가되었답니다!!!

디자이너님 정말 감사합니다… the love…>..< https://yeowubyeol.tistory.com/20 +++ 추가 +++ 안녕하세요 여러분🧡💛 본문용 기본서체 외에 팬시용 펜글씨, 붓글씨, 캘리그라피를 아우르는 상업적 무료 손글씨 한글 폰트 추천 글을 새로 올렸어요! 귀엽고 깜찍한 손글씨나 감성적인 펜글씨를 찾고 계신다면 이 글도 한 번 확인해보세용! 감사합니다🥰 https://yeowubyeol.tistory.com/38

[폰트 추천] 2021년 디자이너가 추천하는 상업용 무료 폰트 – 고딕체 3종 (Noto Sans, 프리텐다드, 에스코어 드림)

728×90

반응형

안녕하세요~

오늘 제가 소개해드릴 폰트는 고딕체입니다.

기본 중의 기본인 폰트, 고딕체

폰트를 소개해드리기 전에 고딕에 대해서 간단하게 알아보겠습니다.

영어권에서는 ‘산세리프(Sans-serif)’라고 불리는 서체로 ‘세리프(장식용 삐침)’이 없다(Sans)라는 뜻입니다.

이름대로 획의 끝에 장식이 없고, 획의 굵기가 변하지 않으며 가로획과 세로획이 거의 일정하다는 특징이 있습니다.

Black: Noto Sans / White Line: Noto Serif

한국에서는 일본을 통해 ‘ゴシック(고식)’이라는 용어가 들어온 후 ‘고딕’이라는 용어가 정착되었습니다.

1991년 문화체육부에서는 ‘고딕'(Sans-Serif)이라고 불리는 서체를 ‘돋움’이라고 지정했습니다.

마찬가지로 ‘명조'(Serif) 또한 ‘바탕’으로 지정했습니다.

돋움은 ‘본문보다 로고 타입이나 제목 용도로 도드라져 보이는 글자에 적합하다’는 의미로,

바탕은 ‘상대적으로 각 글자의 판독성이 좋아 본문에 사용하기 적합하다’는 의미로 정한 것입니다.

그러나, 당시 디스플레이 환경에서는 세리프(장식용 삐침)가 들어간 서체 ‘바탕’체는

글자 크기가 작은 본문에 사용할 경우 글자가 뭉개지고, 모양이 어색해지는 경우가 발생하여

대신 깔끔한 돋움체를 본문용으로 사용하였고, 제목용으로 바탕체를 사용하게 되었습니다.

결국, 문체부에서 지정한 의미가 애매 해진 것입니다.

‘고딕’ 명칭을 사용하는 폰트들 ‘돋움’ 명칭을 사용하는 폰트들

많은 분들이 ‘고딕’이라는 용어를 사용하기 때문에

돋움이라는 용어를 사용하는 폰트도 있지만, 대체적으로 고딕이라는 용어를 사용하고 있습니다.

G마켓 산스 처럼 ‘산스 세리프’에서 산스를 가져와 사용하는 경우도 있습니다.

이제는

‘고딕은 뭐고 돋움은 뭐지? 산스는 또 뭐야!?’

하지 마시고

‘고딕=돋움=산스(산스 세리프)’, ‘명조=바탕=(세리프)

라고 폰트를 구분하시면 됩니다!

이제 제목은 물론 본문에도 사용하기 좋은 고딕 폰트를 몇 가지 소개해드리겠습니다.

1. Noto Sans KR

노토 산스는 아시는 분들 많으실 거라 생각합니다.

[Thin / Light / Regular / Medium / Bold / Black]

6가지 굵기를 제공하는 산스 세리프체입니다.

각 문자 별로 폰트가 있기 때문에

한글을 사용하는 우리는 Noto Sans ‘KR’을 받으시면 됩니다.

한/중/일 각각 문자를 지원하는 Noto Sans ‘CJK’도 받으시면 유용하겠죠?

Noto Sans KR 각 굵기별 모습

굵기가 다양하기 때문에

얇은 굵기는 본문에, 두꺼운 굵기는 제목에 쓰기 좋습니다.

또 굵기를 통해 문장 중에 강조하고 싶은 내용을 강조하기 좋습니다.

Noto Sans를 활용한 작업물 Noto Sans를 활용한 작업물

카테고리 사용 범위 허용여부 인쇄 브로슈어, 포스터, 책, 잡지 및 출판용 인쇄물 등 ○ 웹사이트 웹페이지, 광고 배너, 메일, E-브로슈어 등 ○ 영상 영상물 자막, 영화 오프닝/엔딩 크레딧, UCC 등 ○ 포장지 판매용 상품의 패키지 ○ 임베딩 웹사이트 및 프로그램 서버 내 폰트 탑재, E-book 제작 ○ BI/CI 회사명, 브랜드명, 상품명, 로고, 마크, 슬로건, 캐치프라이즈 ○ OFL 폰트 파일의 수정/ 복제/ 배포 가능. 단, 폰트 파일의 유료 판매는 금지 ○

2. 프리텐다드

‘프리텐다드’ 폰트는 저도 최근에 사용하게 된 폰트입니다.

나온 지 얼마 안 된 따끈따끈한 폰트!

프리텐다드 폰트는 무려 9가지 굵기

[Thin / ExtraLight / Light / Regular / Medium / SemiBold / Bold / ExtraBold / Black]

를 지원합니다.

프리텐다드 각 굵기별 모습

프리텐다드를 활용한 작업물

카테고리 사용 범위 허용여부 인쇄 브로슈어, 포스터, 책, 잡지 및 출판용 인쇄물 등 ○ 웹사이트 웹페이지, 광고 배너, 메일, E-브로슈어 등 ○ 영상 영상물 자막, 영화 오프닝/엔딩 크레딧, UCC 등 ○ 포장지 판매용 상품의 패키지 ○ 임베딩 웹사이트 및 프로그램 서버 내 폰트 탑재, E-book 제작 ○ BI/CI 회사명, 브랜드명, 상품명, 로고, 마크, 슬로건, 캐치프라이즈 ○ OFL 폰트 파일의 수정/ 복제/ 배포 가능. 단, 폰트 파일의 유료 판매는 금지 ○

3. 에스코어 드림

‘에스코어 드림’은 (주)에스코어에서 제작한 폰트로

9가지 굵기를 제공합니다.

[Thin / ExtraLight / Light / Regular / Medium / Bold / ExtraBold / Heavy / Black]

에스코어 드림 각 굵기 별 모습 에스코어 드림을 활용한 작업물

카테고리 사용 범위 허용여부 인쇄 브로슈어, 포스터, 책, 잡지 및 출판용 인쇄물 등 ○ 웹사이트 웹페이지, 광고 배너, 메일, E-브로슈어 등 ○ 영상 영상물 자막, 영화 오프닝/엔딩 크레딧, UCC 등 ○ 포장지 판매용 상품의 패키지 ○ 임베딩 웹사이트 및 프로그램 서버 내 폰트 탑재, E-book 제작 ○ BI/CI 회사명, 브랜드명, 상품명, 로고, 마크, 슬로건, 캐치프라이즈 ○ OFL 폰트 파일의 수정/ 복제/ 배포 가능. 단, 폰트 파일의 유료 판매는 금지 X

오늘은 굵기 종류가 다양한 고딕체 3가지를 소개해드렸습니다.

굵기가 다양한 만큼 폰트의 종류는 줄이면서 다양한 내용을 표현하기 좋은 폰트들입니다.

예시로 올린 작업물은 모두 해당 폰트 한 가지 만을 활용한 작업물인데요

깔끔함에 포인트도 주고 싶으시다면 다른 폰트도 함께 활용하면 좋습니다.

하지만 여러 색이 들어가면 눈이 어지러운 것처럼

폰트 종류 또한 너무 여러 가지 폰트를 넣지 않도록! 주의하시기 바랍니다.

감사합니다!

728×90

반응형

[구글폰트] 상업적 무료 폰트 다운받을 수 있는 사이트

반응형

SMALL

디자인을 하다보면 폰트의 중요성을 새삼 또 느끼게 된다.

같은 디자인이더라도 폰트에 따라 느낌이 확확 달라진다.

그렇기 때문에 우리는 돈을 주고 폰트를 산다.

하지만 대학생이나 프리랜서들은 일일이 폰트를 사기엔 부담스럽다.

그럴 때 도움이 되는 사이트,

‘구글폰트’다.

구글폰트는

한글 뿐 아니라 영문, 중국어, 태국어 등 다양한 국가의 폰트를 제공하는 사이트다.

왼쪽 카테고리에서 세리프, 산세리프, 디스플레이, 손글씨, 모노스페이스 등

폰트의 모양을 고를 수 있다.

그 옆 탭에서는 해당 폰트에 해당하는 언어를 선택할 수 있다.

그 옆의 특징에서는 폰트의 스타일 개수(굵기가 몇가지나 되는지),

폰트의 두께, 기울기, 너비등을 선택할 수 있다.

가장 중요한 저작권은 대부분 OFL이다.

OFL은 Open Font License라는 뜻으로

말 그대로 상업적 사용이 가능한 공개 폰트라는 것이다.

-상업적 사용가능

-단독 판매 불가

-다른 프로그램과 묶어서 배포 & 판매 가능

대부분 OFL이긴하지만 매번 확인하는건 필수다!

보통 한글 폰트를 찾을 때는 ‘눈누’를

영문 폰트를 찾을 때는 ‘구글폰트’를 사용하는 편이다.

학생디자이너들, 프리랜서들이 자유롭게 디자인할 수 있도록

이런 좋은 무료소스들이 계속해서 늘어났으면 좋겠다!

반응형

LIST

[Github 블로그] 웹 폰트 설정하기 (+폰트 추천)

1️⃣ 무료 웹 폰트 사이트에서 사용할 폰트를 골라보자

눈누 https://noonnu.cc/index 구글 폰트 https://fonts.google.com/

내가 아는건 이렇게 두 사이트다. 이 두 사이트에서 예쁜 폰트를 골라보자!

🔥 첫 번째 추천 사이트 : 눈누

눈누에서 원하는 폰트를 클릭하면 웹 폰트로 사용 이라는 부분이 있다. 임포트 해야할 코드이니 복사하도록 하자!

@font-face { font-family : ‘Cafe24Oneprettynight’ ; src : url(‘https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/Cafe24Oneprettynight.woff’) format ( ‘woff’ ); font-weight : normal ; font-style : normal ; }

@import url(‘https://cdn.jsdelivr.net/font-iropke-batang/1.2/font-iropke-batang.css’) ;

여담으로 내가 현재 눈누로부터 임포트하여 블로그에 적용시킨 폰트는 아래 2가지이다. 나중에 폰트를 또 바꿀지도 모르지만..!

이롭게 바탕체 https://noonnu.cc/font_page/4 카페24 고운밤 https://noonnu.cc/font_page/342

🔥 두 번째 추천 사이트 : 구글 폰트

구글 폰트에서 Language 에서 한국어르 설정하면 한국어를 지원하는 폰트 목록을 볼 수 있다. 구글 폰트에서 원하는 폰트를 찾았다면 위와 같이 오른쪽에 “Select this Style” 을 클릭하자.

폰트를 선택하고 상단에 있는, 사진 속 체크된 곳을 클릭하면 임포트 코드를 복사할 수 있는 창이 오른쪽에 뜨게 된다.

CSS 에서 Import 할 것이라면 👉 @Import 코드로 복사

코드로 복사 HTML 에서 Import 할 것이라면 👉 코드로 복사

아래에서 위의 2 가지 방법을 다 살펴볼 것이다. 그러나 성능 면에서 좀 더 나은 방법은 태그 안에 를 사용하여 웹 폰트를 임포트 하는 것이라고 들었다! 웹 지식이 얕은 탓에 왜 그런지에 대한 이유는 잘 모르겠다..😅 아무튼 나는 후자를 선택했다.

@import url(‘https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap’) ;

여담으로 내가 구글 폰트로부터 임포트하여 블로그에 적용시킨 폰트는 아래 2가지이다. 나중에 폰트를 또 바꿀지도 모르지만..!

2️⃣ 임포트 하기

1) CSS 에 Import 하는 방법

📜main.scss

@import url(‘https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap’) ;

웹코드를 복사해서 임포트하면, 굳이 폰트 파일을 다운 받아 로컬 환경에 저장할 필요가 없다. 이 코드를 복사하여 “📜main.scss” 파일에 붙여 넣도록 하자. 나는 minimal-mistake 테마를 사용하고 있고 이 테마의 메인 css 파일은 📜main.scss 파일이기 때문에 이 곳에 코드를 붙여넣어 임포트 하였지만, Import 문을 모아둔 css 파일이라면 어디든 상관없을 것이다. 그대로 붙여넣기 해주면 된다.

2) HTML 에 Import 하는 방법

📜default.html

내가 쓰고 있는 minimal-mistake 는 📜default.html 에 태그를 가지고 있다. 그래서 여기에 넣어주었다.

역시 “웹알못” 이지만.. 태그를 앞에 써주면 성능상 더 빠르다고 하더라! (구글 PageSpeed Insight 를 참고하였다.)

3️⃣ css 에서 폰트 적용하기 👉 font-family : “폰트 이름”

font-family : “Nanum Gothic”

이런식으로 폰트를 적용하고자 하는 CSS 영역에 위와 같은 코드 font-family : “폰트 이름” 을 넣어주면 된다.

🔥 폰트 이름 확인 하는 방법

구글 폰트

구글 폰트의 임포트 코드 복사하는 곳에서 폰트 이름을 확인할 수 있다. 위 사진 속 폰트의 이름은 “Roboto”인 것이다.

눈누

@font-face { font-family : ‘Cafe24Oneprettynight’ ; src : url(‘https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/Cafe24Oneprettynight.woff’) format ( ‘woff’ ); font-weight : normal ; font-style : normal ; }

이 폰트의 이름은 “Cafe24Oneprettynight” 인 것이다. 이런 형태의 코드는 font-family 를 확인하면 된다.

@import url(‘https://cdn.jsdelivr.net/font-iropke-batang/1.2/font-iropke-batang.css’) ;

근데 이런 형태의 코드는 폰트 이름이 불분명했다. 폰트마다 다르겠지만 위 링크의 경우엔 폰트 이름이 “font-iropke-batang” 이 아니였다..! 즉, 링크만으로 폰트 이름을 알 수가 없었다.

그래서 이롭게 바탕체를 만든 회사의 사이트에 찾아가보니 이렇게 친절하게 “Iropke Batang” 이라고 알려주었다..! 링크만으로 폰트 코드명을 확인할 수 없다면 이렇게 해당 폰트를 제작한 사이트의 튜토리얼을 참고해보자. (마찬가지로, ‘눈누’에서는 @import 코드만 제공하고 있는데 이롭게 바탕체 공식 사이트에 들어가니 코드도 알려주고 있었다.)

🔥 내가 적용한 방법

📜_variable.scss

$serif : “Coming Soon” , Georgia , Times , serif ! default ; $sans-serif : “Iropke Batang” , – apple-system , BlinkMacSystemFont , “Roboto” , “Segoe UI” , “Helvetica Neue” , “Lucida Grande” , Arial , sans-serif ! default ; $monospace : “Nanum Gothic Coding” , Monaco , Consolas , “Lucida Console” , monospace ! default ; $cute : “Cafe24Oneprettynight” ! default ;

내가 사용하고 있는 minimal-mistake 테마는 📜_variable.scss 파일에 전체적인 css 파일들이 사용할 “전역 변수”를 한데 모아 선언하고 있다. $serif , $sans-serif , $monospace 는 minimal-mistake 자체에서 원래 있던 변수이고 $cute 는 내가 만든 변수이다.( 대충 지었다.. ) 이 변수에 위에서 알아낸 “폰트 이름”들을 맨 왼쪽 에 적어준다. 왼쪽에 적힌 폰트일 수록 우선순위를 높게 설정해주는 것이기 때문에 폰트가 블로그에 반영되기 위해선 가장 왼쪽에 써주어야 한다.

내가 설정한 변수로 예를 들자면

font-family : $ serif ;

이 CSS 영역의 폰트는 “Coming Soon” 폰트가 될 것이고

font-family : $ monospace ;

이 CSS 영역의 폰트는 “Nanum Gothic Coding” 폰트가 될 것이고

font-family : $ cute ;

이 CSS 영역의 폰트는 “Cafe24Oneprettynight” 폰트가 될 것이다!

이렇게 변수로 대입하지 않고 직접 font-family: “Roboto”; 이런식으로 해줘도 상관없다!

4️⃣ 마무리

반영된 css 파일들을 저장하고 커밋-푸쉬 하면 적용 완료!

🤔 TMI

블로그 커스텀에 대한 포스팅을 9 개월만에 하게 되었다. 여유 생길 때마다 하나씩 올려봐야겠어..🔥

폰트 바꾸니까 블로그가 더 기요워졌다.. 희희 진작 바꿀걸!

🌜 개인 공부 기록용 블로그입니다. 오류나 틀린 부분이 있을 경우 언제든지 댓글 혹은 메일로 지적해주시면 감사하겠습니다! 😄

맨 위로 이동하기

크롬 글씨체 변경 가독성 최고 노토 산스 폰트 적용법

구글에서 제작한 오픈 폰트 라이선스인 노토 산스 폰트는 가독성에서 아마도 최고 같습니다. 폰트를 다운로드하여 크롬 브라우저의 기본 글씨체로 변경하여 적용하는 방법과 세리프체와 산스-세리프체에 차이점도 자세히 알아보겠습니다.

가독성 좋은 글꼴 추가

구글 노토 산스 폰트(Noto Sans)

구글이 만든 가독성 좋은 글꼴의 끝판왕 노토 산스 폰트(Noto Sans Korean)가 정말 가독성이 좋습니다. 글자의 두께 변경도 자유롭고 크롬 브라우저에서 최적화되어 사용성도 최고입니다. 그리고 100% 기업에도 무료로 사용할 수 있습니다. 지원되는 쓰기 시스템은 한국어 한자, 한글, 라틴어, 일본어 가타카나, 히라가나, 이모티콘, 그리스어, 중국어가 지원됩니다.

Open Font License에 따라 사용이 허가됩니다. 인쇄물 또는 디지털, 상업 또는 기타의 제품 및 프로젝트에서 자유롭게 사용할 수 있습니다.

A. 노토 산스 폰트 추가하기

1. 구글 폰트 사이트 fonts.google.com

2. [ 다운로드 패밀리 ] 클릭하여 다운로드하기

노토산스

3. 다운로드한 파일 압축 풀기

4. [ 윈도 설정 ]에서 [ 개인 설정 ] >> [ 글꼴 ] 선택

5. 다운로드한 글꼴 파일 [ NotoSansKR-Black.otf 등 5개 파일 ]을 글꼴 추가

6. 마우스로 글꼴 파일을 “설치하려면 끌어서 놓기”부분으로 가져가면 자동으로 설치가 됩니다.

글꼴추가

사진을 보시면 설치가 되었습니다. “Noto Sans KR 5 글꼴”이라고 나타납니다.

이제 이 글꼴을 크롬에 적용해 보겠습니다.

B. 크롬 기본 글씨체 변경

1. 크롬 브라우저 상단 오른쪽 [ a. 점 세 개 ] 클릭 >> 아래 [ 설정 ] 클릭

글꼴변경

2. 설정에서 [ b. 모양 ] 클릭

3. 아래 [ 글꼴 맞춤 설정 ] 클릭

크롬의 세부 메뉴 항목이 업데이트 때마다 변경됩니다. 설정 검색에서 ” 글꼴 맞춤”을 검색하면 바로가기됩니다.

글꼴변경 적용

4. “표준 글꼴”의 항목을 클릭하여 변경합니다.

항목을 클릭하여 “no”라고 글자를 입력하면 no로 시작하는 글꼴 부분으로 이동하게 됩니다.

Noto Sans를 선택하거나 맑은 고딕(Magun Gothic)을 선택하세요.

5. 크롬은 기본적으로 변경이 자동 저장되며 확인이나 저장을 할 필요가 없습니다.

Serif 폰트란

세리프 글꼴(폰트)은 세리프체라 하며 아래 사진의 오른쪽 글꼴처럼 글자의 끝부분에 꼬리처럼 돌출된 형태가 있는 글꼴을 의미합니다. 신문, 서적 등 전통적인 인쇄물에 사용되며, 영문 사용 시 지정한 폰트가 적용이 됩니다.

세리프

Sans-serif 폰트란

Sans는 프랑스어로 없다를 의미하며 꼬리의 돌출이 없는 형태의 글꼴을 의미합니다. 산세리프체를 가독성이 좋고 더 깨끗하다고 생각하여 잡지와 많은 인쇄물에 사용됩니다. 역시 영문 사용 시 지정한 폰트가 적용이 됩니다.

크롬 브라우저 기본 글씨체 변경 방법과 가독성 최고인 노토 산스 폰트의 다운로드 폰트 적용 법 설명입니다.

키워드에 대한 정보 구글 폰트 추천

다음은 Bing에서 구글 폰트 추천 주제에 대한 검색 결과입니다. 필요한 경우 더 읽을 수 있습니다.

이 기사는 인터넷의 다양한 출처에서 편집되었습니다. 이 기사가 유용했기를 바랍니다. 이 기사가 유용하다고 생각되면 공유하십시오. 매우 감사합니다!

사람들이 주제에 대해 자주 검색하는 키워드 디자이너 추천하는 상업적, 저작권 무료 폰트 완벽 모음! // 존코바 // 디자인 // 유튜버

  • 무료폰트
  • 폰트추천
  • 저작권무료
  • 폰트저작권
  • 폰트무료
  • font
  • 유튜버
  • 크리에이터
  • 폰트다운
  • 디자인
  • 디자이너

디자이너 #추천하는 #상업적, #저작권 #무료 #폰트 #완벽 #모음! #// #존코바 #// #디자인 #// #유튜버

YouTube에서 구글 폰트 추천 주제의 다른 동영상 보기

주제에 대한 기사를 시청해 주셔서 감사합니다 디자이너 추천하는 상업적, 저작권 무료 폰트 완벽 모음! // 존코바 // 디자인 // 유튜버 | 구글 폰트 추천, 이 기사가 유용하다고 생각되면 공유하십시오, 매우 감사합니다.

Leave a Comment