시스템 폰트 | 영상디자이너가 Pick한 상업용 무료 폰트 10종 추천👍 예쁜 자막의 기본이죠! [편집하는여자] 20046 좋은 평가 이 답변

당신은 주제를 찾고 있습니까 “시스템 폰트 – 영상디자이너가 PICK한 상업용 무료 폰트 10종 추천👍 예쁜 자막의 기본이죠! [편집하는여자]“? 다음 카테고리의 웹사이트 ppa.maxfit.vn 에서 귀하의 모든 질문에 답변해 드립니다: https://ppa.maxfit.vn/blog. 바로 아래에서 답을 찾을 수 있습니다. 작성자 편집하는여자 이(가) 작성한 기사에는 조회수 257,639회 및 좋아요 7,294개 개의 좋아요가 있습니다.

시스템 폰트 주제에 대한 동영상 보기

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

d여기에서 영상디자이너가 PICK한 상업용 무료 폰트 10종 추천👍 예쁜 자막의 기본이죠! [편집하는여자] – 시스템 폰트 주제에 대한 세부정보를 참조하세요

안녕하세요! 편집하는여자입니다.
오늘은 영상디자이너가 사용하는 상업용 무료 폰트 10종에 대해 이야기해볼까해요!
이 폰트가 왜 좋은지, 그리고 다른 폰트랑 비교하면 어떤 느낌인지를
짧게짧게 한번 이야기해보았습니다:D
많고많은 상업용 무료 폰트 중에서 어떤 폰트를 이용해서 자막을 써야 이쁠까? 하고 고민하셨던 분들은 시청하시면 좋을듯 싶어요:D
상업용무료폰트가 모아있는 사이트 \”눈누\”
https://noonnu.cc/
1.Noto Sans CJK KR
https://www.google.com/get/noto/#sans-kore
2.Black Han Sans.
https://fonts.google.com/specimen/Black+Han+Sans#standard-styles
3.S-core Dream
https://www.s-core.co.kr/who-we-are/font/
4. cafe24 폰트
https://fonts.cafe24.com/
5. 더페이스샵 잉크립퀴드체
https://noonnu.cc/font_page/68
6.tvn즐거운이야기체
http://tvn10festival.tving.com/playground/tvn10font
7.배달의민족체
https://www.woowahan.com/#/fonts
8.여기어때 잘난체, 야놀자체
https://www.goodchoice.kr/font
https://yanolja.in/ko/yafont/
9.레시피코리아체
http://recipekorea.com/bbs/board.php?bo_table=ld_0308\u0026wr_id=2479
10. 봉숭아틴트체
https://www.utoimage.com/index.htm?m=event
#편집하는여자 #영상디자이너 #상업용무료폰트추천
00:00 상업용 무료폰트 추천 10종!!
00:52 노토산스
01:33 검은고딕
02:47 에스코어드림체
03:38 Cafe24 당당해체, 단정해체
04:32 빛나는 별, 잉크립퀴드체, Tvn 즐거운이야기체
06:04 배달의 민족 주아체, 연성체
07:02 티몬소리체
07:42 여기어때 잘난체 \u0026 야놀자체
08:34 레시피코리아체
09:19 봉숭아틴트체
10:04 마무으리

시스템 폰트 주제에 대한 자세한 내용은 여기를 참조하세요.

윈도우10 기본 시스템 폰트(글꼴) 쉽게 바꾸는 방법

날씨가 더워지고 조금씩 짜증이 늘어가는 계절이 오고 있습니다. 오늘은 매일 보던 바탕화면의 글꼴을 기분전환 겸 바꿔 보고자 합니다.

+ 여기를 클릭

Source: itfix.tistory.com

Date Published: 10/9/2021

View: 9634

이미지폰트, 시스템폰트, 웹폰트의 차이점과 이해 – 네이버 블로그

시스템 폰트는 컴퓨터에 깔려 있는 기본 폰트를 사용하여 코딩하는 것을 의미한다. 우리가 잘 알고 있는 시스템 폰트로는 굴림체, 돋움체, 맑은고딕, …

+ 여기에 자세히 보기

Source: m.blog.naver.com

Date Published: 10/29/2021

View: 9849

윈도우10 확실한 시스템 폰트 변경 방법 (100% 변경 보장)

컴퓨터를 사용하시는 분들 중에서는 미적인 측면, 감각이 뛰어나신 분들이 많이 계실겁니다. 그런 분들은 윈도우 시스템 폰트인 “맑은 고딕”으로만 …

+ 여기에 표시

Source: c4149.tistory.com

Date Published: 3/21/2022

View: 2700

Pretendard 시스템 폰트 도입기 – 브런치

리멤버가 기본 시스템 폰트 대신 커스텀 폰트를 쓰게 된 이유 | 안녕하세요, 프로덕트 디자이너 강민석입니다. 새해를 맞아 현재 리멤버 앱에 적용 …

+ 여기에 더 보기

Source: brunch.co.kr

Date Published: 3/17/2022

View: 4214

윈도우10 시스템 폰트 변경 방법 – Computer IVY

윈도우에 기본으로 적용되어있는 시스템 폰트를 변경하기 위해서는 MacType 프로그램을 통하여 간단하게 변경하실 수 있는데요. 우선 윈도우 시스템 폰트 …

+ 더 읽기

Source: wjdtmddnjs6788.tistory.com

Date Published: 7/3/2022

View: 6594

웹폰트를 포기하고 시스템 폰트로 갈아 탄 이유 – 착한블로그

지금 사용 중인 스킨의 웹폰트에 반해서 티스토리를 시작한 것만 보더라도 전 정말 웹폰트 덕후인데ㅠ 운영 중인 홈페이지에서 웹폰트를 전부 시스템 …

+ 더 읽기

Source: ooblogoo.tistory.com

Date Published: 4/7/2021

View: 3227

컴퓨터 기본 폰트 변경 방법 (윈도우 시스템 폰트 변경) – IT BLOG

컴퓨터를 사용하다보면 기본 시스템 폰트를 자신이 원하는 글씨체로 변경하고 싶을 때가 있습니다. 이런 경우 글꼴 설치 후 해당 글꼴을 윈도우 기본 …

+ 여기를 클릭

Source: ivyit.tistory.com

Date Published: 11/17/2021

View: 7792

시스템 글꼴 스택에 대한 정보

글꼴 스택은 브라우저가 서체 선호도 및 기본 대체용 글꼴을 알 수 있도록 하는 글꼴 및 글꼴 키워드의 목록입니다. 예를 들어 글꼴 스택이 …

+ 여기를 클릭

Source: support.zendesk.com

Date Published: 3/22/2022

View: 6448

시스템폰트? 웹폰트? 이미지폰트? – velog

시스템폰트 : 사용자 시스템에 기본으로 설치되어 있어 사용, font-family로 선언. ✓ 웹폰트 : 서버에 저장해 제공하거나, 웹 경로를 통해 사용하는 …

+ 여기에 보기

Source: velog.io

Date Published: 6/28/2021

View: 9774

주제와 관련된 이미지 시스템 폰트

주제와 관련된 더 많은 사진을 참조하십시오 영상디자이너가 PICK한 상업용 무료 폰트 10종 추천👍 예쁜 자막의 기본이죠! [편집하는여자]. 댓글에서 더 많은 관련 이미지를 보거나 필요한 경우 더 많은 관련 기사를 볼 수 있습니다.

영상디자이너가 PICK한 상업용 무료 폰트 10종 추천👍  예쁜 자막의 기본이죠!  [편집하는여자]
영상디자이너가 PICK한 상업용 무료 폰트 10종 추천👍 예쁜 자막의 기본이죠! [편집하는여자]

주제에 대한 기사 평가 시스템 폰트

  • Author: 편집하는여자
  • Views: 조회수 257,639회
  • Likes: 좋아요 7,294개
  • Date Published: 2020. 10. 7.
  • Video Url link: https://www.youtube.com/watch?v=LEpL5-Yp1dg

윈도우10 기본 시스템 폰트(글꼴) 쉽게 바꾸는 방법

날씨가 더워지고 조금씩 짜증이 늘어가는 계절이 오고 있습니다. 오늘은 매일 보던 바탕화면의 글꼴을 기분전환 겸 바꿔 보고자 합니다. 물론 아시다시피 윈도 폰트를 바꾸면 바탕화면의 아이콘 이름 글씨체만 바뀌는 게 아니라 윈도 전반적으로 해당 글꼴로 바뀌어집니다. 오늘 바꾸어 보고자 하는 폰트는 빙그레 Regular입니다.

아래는 저작권 무료, 무제한 사용가능한 폰트를 배포하는 제작자 사이트 주소입니다. 윈도우즈용으로 사용하고자 할 경우에는 확장자가 ttf(트루타입 폰트)인 글꼴을 다운로드하시면 됩니다.

– 빙그레 폰트 다운로드 페이지

– Ebs 폰트 다운로드 페이지

이제 원하는 폰트를 다운로드 했으면 윈도우즈 설정 > 개인 설정 > 글꼴로 이동하시면 됩니다. 윈도우즈 설정은 윈도우즈 시작 버튼을 마우스로 클릭하고 설정(톱니바퀴 모양)을 누르시면 됩니다.

좀 전에 다운로드하여 둔 빙그레 폰트를 파일 탐색기에서 찾아서 마우스로 드래그하여 윈도우즈 설정 글꼴 추가 직사각형 영역에 놓습니다.

끌어다 직사각형 영역에 떨어트리면 설치가 완료되고 빙그레체라는 항목이 윈도우 폰트 목록에 추가된 것을 볼 수 있습니다. 이제 빙그레 체는 윈도우 폰트 목록에 등록되어 있으며, 언제든지 빙그레 레귤러 폰트로 변경 또는 해제가 가능한 상태가 되었습니다. 제거할 때에는 현재 보고 있는 폰트 목록 중 빙그레 폰트를 클릭하면 제거 버튼이 나타나는데 제거 버튼을 클릭하면 삭제됩니다.

윈도우10에서는 애석하게도 폰트의 크기만 변경할 수 있을 뿐 OS 자체에서 시스템 폰트 변경을 지원하지 않습니다. 윈도우7에서는 변경이 가능하였으나 윈도 10 이후에는 공식적으로 변경을 지원하지 않습니다.

다만, 윈도우의 제어판에는 기본 글꼴로 되돌리는 설정이 존재합니다.

윈도우 제어판을 “보기 기준:작은 아이콘”으로 변경하신 다음 글꼴 항목을 클릭합니다. 다음 페이지에서 글꼴 설정을 클릭합니다. 이제 중간에 있는 “기본 글꼴 설정 복원” 버튼을 클릭하면 됩니다.

삭제의 경우에는 삭제하고자 하는 글꼴을 제어판의 글꼴 목록에서 우클릭하여 삭제하시면 됩니다.

어쨋든, 다른 글꼴로 시스템 폰트를 변경하고자 할 경우에는 외부 프로그램의 도움을 받아야 합니다.

아래의 ‘Microangelo On Diplay’라는 프로그램을 다운로드하여 압축을 해제합니다. 좀더 자세한 내용을 알기를 원하는 분들은 Microangelo 홈페이지를 참조하시기 바랍니다.

마이크로 안젤로 홈페이지 바로가기

MODPanel.zip 2.00MB

무설치 프로그램으로 전체 윈도우즈 10 기본 시스템 폰트 설정인 맑은 고딕(사이즈 9)을 원하는 폰트와 사이즈로 변경할 수 있습니다.

그 외에 바탕화면의 아이콘들을 감추거나 보이게 하는 설정, 시스템 아이콘의 모양의 변경, 마우스 커서 변경, 캐쉬 정리 등의 부가적인 기능도 가지고 있습니다. 윈도우즈의 재부팅이 필요 없으며 Apply 버튼을 누르면 즉시 모든 시스템 폰트에 적용됩니다. 아래의 이미지는 빙그레 레귤러 사이즈 10으로 적용된 바탕화면과 파일 탐색기의 모습입니다.

여기서 부가적으로 또 하나의 효과를 확인할 수 있었습니다. 바로 가독성 부분인데요. 이건 뭐랄까 뜻하지 않게 덤으로 얻은 득템이라고나 할까요.

눈이 침침하거나 노안이신분들은 이 앱을 통해 간편하게 윈도우즈 기본 사이즈인 9를 10 또는 11 등으로 올리시면 시원시원하게 모니터 화면을 보실 수 있습니다. 물론 ttf를 사용하지 않는 웹브라우저나 일부 앱에서는 적용되지 않습니다.

다시 원래대로 돌리고 싶을 경우에는 윈도우즈10의 기본 설정인 맑은 고딕에 사이즈 9로 Apply 하시면 됩니다.

아쉬운 점은 100% 모든 폰트에 적용되는 것은 아니고 탐색기 내용이나 카테고리, 익스플로러 즐겨찿기 모음, 바탕화면 아이콘 이름 등 일부에만 적용되는 것 같습니다.

이상으로 여름 무더위 극복을 위한 기분전환으로 윈도우즈 10의 시스템 폰트를 맑은 고딕 사이즈 9인 기본형에서 빙그레 사이즈 10으로 변경하여 보았습니다. 자신이 정말 써보고 싶은 폰트가 있으시다면 지금 바로 적용을 통해 기분을 바꾸어 보시기 바랍니다.

반응형

이미지폰트, 시스템폰트, 웹폰트의 차이점과 이해

만약, 방문자가 직접 그 웹폰트를 다운로드해서 시스템에 설치하면 그때부터는 시스템폰트가 되는 것이다.

또한, 웹폰트는 크게 웹폰트와 구글웹폰트로 나뉠 수 있는데 그 내용에 대해서는 아래의 참고 자료를 확인해 보면 된다.

[ 이미지폰트 ]

제작자가 포토샵이나 그래픽 프로그램을 사용하여 제작한 글자를 이미지 그대로 캡처하여 보여주는 것을 의미한다. 이미지로 만든 텍스트이기 때문에 방문자의 컴퓨터에 폰트가 깔려 있지 않아도, 서버에 웹폰트를 올려놓지 않아도 제작한 그대로의 폰트를 볼 수 있다. 조형적으로 산뜻하고, 보여주고자 하는 서체를 무조건 출력하게 하는 장점도 있지만, 이미지이다 보니 용량이 커져서 트래픽에 문제가 생길 수 있고 텍스트를 수정해야 할 경우 엄청난 노가다를 감수해야 하는 단점이 있다.

윈도우10 확실한 시스템 폰트 변경 방법 (100% 변경 보장)

윈도우10 확실한 시스템 폰트 변경 방법 (100% 변경 보장)

컴퓨터를 사용하시는 분들 중에서는 미적인 측면, 감각이 뛰어나신 분들이 많이 계실겁니다.

그런 분들은 윈도우 시스템 폰트인 “맑은 고딕”으로만 이루어진 폰트를 볼 때

‘좀 맑은 고딕말고 색다른 폰트를 이용할 순 없나?’ 라는 생각을 하기도 합니다.

하지만 윈도우10에서는 시스템 폰트 변경을 지원하지 않습니다.

대부분 구글에 “시스템 폰트 변경” 방법을 검색하면 나오는

윈도우10 시스템 폰트 변경 방법들은 현재 최신 윈도우10 빌드에서 지원하지 않거나

창, 윈도우 탐색기 폰트정도만 변경하는 보여주기식 변경 방법으로

이러한 방법을 사용한다고 하여서 시스템 폰트가 변경 되는 것은 아닙니다.

그럼 정녕 변경할 수 있는 방법이 없느냐? 아닙니다.

주인장 ‘한나’가 알려드리는 두 가지 방법을 모두 적용한다면

완벽하게 윈도우10에서도 시스템 폰트를 탈바꿈 할 수 있습니다.

초보자분들에게는 상당히 길고 생소한 내용이지만,

난이도 자체는 어렵지 않습니다.

차근차근히 따라 해 보세요!

본문에는 ‘noMeiryoUI’ 유틸과 ‘MacType’을 이용한 윈도우10 시스템 폰트 변경 방법을 설명하고 있습니다.

바로 윈도우10 시스템 폰트를 변경 해 볼까요?

▼ 우선 자신이 변경을 원하는 폰트(나눔체..윤고딕체..등 한/영을 지원하는 폰트면 어떤 폰트든 가능)를 미리 윈도우에 설치해 놓습니다.

▼ 시스템 폰트를 변경하는 데 필요한 유틸부터 다운로드 합니다. 시스템 폰트를 변경해 주는 유틸인 ‘Mactype’을 다운로드 합니다. (아래 링크)

https://www.mactype.net/

▼ 사이트 접속 후 “Get MacType” 버튼을 클릭 합니다.

▼ 창이 하나 뜨는데, 아래 초록색 버튼을 클릭하여 다운로드 받습니다.

▼ 다운로드 받은 설치 파일을 클릭하여 설치 합니다.

▼ 진행에 앞서, 아래 ini 파일을 다운로드 합니다.

▼ 위에 다운로드 한 ini 파일을 실행해보면 여러 문구들이 좌라락 뜨는데, 여러분이 수정해야 할 곳은 단 3군데입니다. 여러분들이 변경할 폰트의 영문 이름을 아래 사진처럼 대체하면 됩니다. 수정하셨으면 저장을 해주세요. 수정해야 할 곳 : Name= , 가장 아래 [FontSubstitutes] 항목 전체 ※ 자신의 원하는 폰트의 영문 이름을 확인하고 싶다면 ‘nexusfont’를 설치하여 확인 할 수 있습니다. (아래 다운링크) https://www.xiles.net/ ‘nexusfont’를 다운로드 후 설치, 실행한 후, 원하는 글꼴을 찾은 뒤 ‘보기’ – ‘글꼴이름 영문으로 보기’를 누르면 자신이 원하는 폰트의 영문이름을 정확히 알 수 있습니다. ▼ 자, 이제 복잡한 과정은 끝이 났습니다. 이제 수정한 ini 파일의 이름을 자신이 원하는 영문 폰트명으로 바꿔준 뒤 C:\Program Files\MacType\ini 에 ‘복사’ – ‘붙여넣기’ 해주세요.

▼ C:\Program Files\MacType 폴더의 ‘MacTray’를 실행 시킨 뒤 ‘레지스트리 모드’ ‘서비스 모드’을 체크하고 -‘다음’ 을 눌러주세요. – 2021.12.29 기준 – 현재 레지스트리 모드는 윈도우 호환성에 문제가 생겨 개발자 측에서 막은 상황입니다. 두번째 항목의 서비스 모드를 이용해주세요. (중국어로 표시되어 있어도 당황하지 마시고 두번째 항목을 클릭하시면 됩니다. 그 이후 아래 사진을 보시면서 따라와 주시면 됩니다.) ▼ 자신이 만든 ini파일을 이 목록에서 찾고, 선택 한 뒤 ‘완료’ 를 눌러주세요. ▼ 해당 창이 뜨면 ‘닫기’를 누른 뒤 컴퓨터를 재부팅 합니다 . ▼ 재부팅을 하고 나면 시스템 일부 폰트들이 원하는 폰트로 변경되어 있는 것을 확인 할 수 있습니다. 여기서 확실하게 모든 폰트를 자기가 원하는 폰트로 변경하기 위해선 한 가지 툴이 더 필요합니다. 아까 말한 ‘ noMeiryoUI’ 이란 툴이죠. 아래 제작자 홈페이지에 들어가면 나오는 첫번째 청색 버튼을 클릭하여 다운로드 합니다. http://tatsu.life.coocan.jp/MySoft/WinCust/index.html

▼ 파일을 받았으면 압축을 푼 뒤, ‘ noMeiryoUI.exe’를 실행 합니다. ▼ ‘모든 글꼴’ 옆 ‘선택…’을 클릭 합니다. ▼ 아까 ini 파일에 적용했던 폰트와 동일한 폰트를 찾고, 크기를 ‘9’로 하고 ‘확인’ 을 눌러주세요. ▼ ‘모두 설정’을 누른 뒤 조금 기다리면 모든 시스템 폰트가 원하는 폰트로 변경 이 됩니다. 그 뒤 ‘종료’를 누릅니다. 이제 완료 되었습니다. 상당히 복잡할 수 있는 내용이지만 모든 시스템 폰트가 원하는 폰트로 변경 된 것을 볼 떄 훨씬 예쁘고 뿌듯한 느낌이 들 것입니다. ※ 혹시 이 MacType 설정 적용 후 일부 프로그램에 문제가 생길 경우 아래 사진을 참고하세요. 이로써 윈도우10 시스템 폰트 변경 방법을 알아보았습니다. 끝까지 잘 따라오셔서 적용하셨을 때, 컴퓨터를 킬 때 마다 늘 예쁜 폰트와 함께 하실 수 있습니다. ^^ 오랜만에 포스팅 하는 만큼 글도 길어졌네요. 방문객님들 모두 좋은 날 보내시길 바랍니다.

Pretendard 시스템 폰트 도입기

안녕하세요, 프로덕트 디자이너 강민석입니다. 새해를 맞아 현재 리멤버 앱에 적용 중인 커스텀 폰트인 Pretendard에 대해 이야기해 보려고 합니다. 폰트는 디지털 프로덕트 디자인의 전부라고 해도 과언이 아닌데요, 리멤버는 왜 기본 폰트 대신 커스텀 폰트를 적용하기로 했는지 이번 글을 통해 공유해보려고 합니다.

고민의 시작

리멤버는 iOS와 안드로이드 양 플랫폼에서 모바일 앱을 운영하고 있으며, 각 플랫폼에서 제공하는 시스템 폰트(한글 기준으로 iOS는 Apple SD Neo gothic, 안드로이드는 Noto sans kr)로 작업을 해왔습니다. 그러다 보니 디자이너들은 디자인된 화면을 개발자에게 전달하기 위해 폰트만 다른 2벌의 같은 화면을 만들어야만 했습니다.

개발자들은 주로 피그마의 화면을 보고 작업을 하기 때문에 화면 상의 플로우나 설명 역시 플랫폼 별로 2벌로 만들어서 전달

한쪽 플랫폼의 화면만 만들고 다른 플랫폼의 개발자에게 폰트만 교체해서 ‘알아서’ 작업해달라고 할 수도 있지만, 디자이너가 실제로 출력되는 화면을 제대로 확인하지 않고 배포할 수 없었기 때문에 어쩔 수 없이 플랫폼별로 동일한 화면을 매번 만들 수밖에 없었습니다. 비단 화면뿐만 아니라 디자인의 베이스가 되는 디자인 시스템(RDS)의 컴포넌트 역시 폰트만 다르게 플랫폼마다 별도로 만들어야 했습니다.

같은 종류의 컴포넌트가 서체가 다르다는 이유로 플랫폼 별로 따로 제작

이런 이유로 각 제품 크루의 프로덕트 디자이너들이 불필요한 리소스 낭비가 크다는 판단이 들어 플랫폼에 상관없이 통합해서 사용할 수 있는 커스텀 폰트 적용을 검토하게 되었습니다.

고려사항

커스텀 폰트를 찾기에 앞서 우리가 원하는 고려사항을 먼저 정리해봤습니다.

1. 상업용 무료 폰트일 것

브랜딩을 목적으로 한 폰트 교체가 아니라서 유료 폰트를 라이센스 비용 지불해가며 사용하기는 아직 부담스러웠습니다. 따라서 상업용 무료 폰트를 후보로 먼저 고려했습니다.

2. 다양한 굵기(Weight)를 지원할 것

기존의 타이포그래피 스타일에서 폰트만 교체하는 것이라, 최소한 기존 양 플랫폼에서 제공하는 시스템 폰트들의 굵기는 다 커버할 수 있어야 했습니다.

iOS의 시스템폰트가 안드로이드 대비 더 많은 굵기를 제공하므로, 커스텀 폰트는 iOS의 폰트 굵기를 모두 지원가능해야 함

3. UI 상에 한글이 잘 표현될 것

리멤버는 한글을 기반으로 서비스를 하고 있기 때문에 한글을 가장 잘 표현해줄 수 있는 서체가 필요합니다. 플랫폼에서 제공하는 시스템 폰트들의 경우 한글을 지원하고 있지만, 범용성을 위해 가장 많이 쓰이는 알파벳을 중심으로 폰트가 제작된 뒤 한글을 적당히 얹힌 느낌이라 한글로 된 텍스트를 UI에 배치할 때 아래 이미지처럼 원하는 정렬을 맞추기가 무척 어렵습니다.

UI 상에서 1행의 한글 텍스트를 배치했을 때 기존 시스템 서체의 쏠림 문제 발생

이런 문제를 해결하기 위해 디자이너들은 ‘시각 보정’이라는 이름으로 UI 요소로 쓰인 한글 텍스트의 기본 행간을 초기화(폰트 크기와 동기화)한 뒤 정렬을 맞춰야 했습니다. 행간을 초기화하더라도 폰트 디자이너가 서체 제작 시에 임의로 넣은, 제어할 수 없는 여백이 위아래에 포함되어 있어 원하는 간격으로 정확하게 디자인할 수 없습니다. 새롭게 적용할 커스텀 폰트에서는 한글이 UI 요소로써 사용했을 때 이런 문제가 최대한 해결될 수 있어야 했습니다.

리멤버에 적합한 폰트 찾기

위의 고려사항들을 바탕으로 최종적으로 “Spoqa han sans Neo” 와 “Pretendard” 2개의 서체가 후보에 올랐습니다.

1.Spoqa Han Sans Neo

스포카 폰트는 이미 디자이너들 사이에서 대체 시스템 폰트로 널리 사용되고 있으며, 리멤버 역시 웹사이트에서 사용하고 있었기 때문에 가장 유력한 후보였습니다. 아무래도 폰트를 만들어서 배포하고 있는 스포카가 직접 실무에서 활용하기 위해 만들었기 때문에 지속적으로 유지보수가 된다는 점과 한글에 최적화되어 있다는 점이 장점입니다.

스포카 폰트 다운로드 : https://spoqa.github.io/spoqa-han-sans/

2. Pretendard

프리텐다드는 요즘 디자인 업계에서 가장 핫한 시스템 폰트로, 디자이너 길형진 님이 inter와 noto를 결합해 서로의 단점을 보완해서 만든 폰트입니다. 여러 플랫폼에서 애플의 san francisco나 apple sd gothic처럼 사용할 수 있는 시스템 폰트를 만들기 위한 목적이라고 합니다. Noto Sans KR(본고딕)을 베이스로 가장 두꺼운 Black 마스터를 만든 후, 9개의 레벨 굵기로 만들어졌으며, Window, iOS 둘 다 지원하고 조형적인 아름다움, 다국어 환경 조화, 한국어에 최적화된 기호까지 지원됩니다.

길형진 디자이너 티스토리: https://cactus.tistory.com/306

프리텐다드 폰트 다운로드: https://github.com/orioncactus/pretendard

최종 검토

고려 사항을 기반으로 두 폰트를 비교해봤습니다.

1. 상업적 무료 폰트

둘 다 SIL 오픈 폰트 라이선스로 글꼴 단독 판매를 제외한 모든 상업적 행위 및 수정, 재배포가 가능합니다.

2. 다양한 굵기 제공

스포카 폰트도 점점 업데이트되면서 기존에 없던 굵기가 추가되고 있지만, 이 부분에 있어서는 프리텐다드가 훨씬 더 다양한 굵기를 제공하고 있습니다.

프리텐다드는 iOS에 1대1 대응할 수 있는 모든 굵기를 갖추었음

3. UI 상의 한글 표현

기본적으로 양 폰트 모두 한글을 고려해서 제작되었기 때문에 한글 표현에 강점이 있지만, 한글 폰트의 쏠림 현상은 스포카에서도 여전히 발생하고 있었습니다. 그에 반해 프리텐다드는 폰트에 별 다른 조치를 취하지 않아도 텍스트 박스의 가운데 잘 배치되어 보입니다.

고려 사항을 바탕으로 최종 검토 결과 Pretendard가 더 적합하다고 판단되어 리멤버의 시스템 폰트로 적용하기로 결정하게 되었습니다.

적용 후기

시스템 서체가 플랫폼에 상관없이 통합됨에 따라서 더 이상 디자이너들이 플랫폼 별로 디자인을 만들 필요가 없어졌고, 디자인 시스템 상의 컴포넌트도 단일화되어 유지 보수가 더 간편해졌습니다. 아직 적용한 지 얼마 되지 않았지만 실 사용자인 동료 디자이너들의 피드백을 통해 커스터 폰트 도입의 효과를 체감할 수 있었습니다.

권우리 디자이너

이전에는 안드로이드와 iOS 각각 다른 폰트를 쓰니 같은 디자인을 적용해도 OS별로 다르게 시각 보정을 해야 했습니다. 각각 다른 폰트의 고유 높이와 내부 정렬 때문에 디자인이 같아도 쏠림 현상이 있어서 미세한 디자인 조정을 해야 했었지요. 그런데 프리텐다드를 적용하니 그럴 필요가 없어져서 작업 시간이 엄청 줄었습니다!!!!!

송우석 디자이너

컴포넌트 내부의 텍스트 정렬 같은 부분에서 개발된 화면과 디자인 화면 간의 오차가 사라졌다는 게 가장 큰 장점으로 느껴집니다!

마치며

아직 모든 화면에서 100% 완벽하게 대응하지는 못했고, 기존의 플랫폼 시스템 폰트의 이점에 대한 우려들도 있기 때문에 지속적으로 업데이트 해 갈 예정입니다. 저희처럼 커스텀 폰트 도입에 고민이 있으신 분들에게 도움이 되었으면 좋겠습니다. 긴 글 읽어주셔서 감사합니다.

윈도우10 시스템 폰트 변경 방법

반응형

컴퓨터를 사용하다보면 윈도우에 기본으로 적용된 폰트를 변경하고싶을때가 있습니다.

윈도우에 기본으로 적용되어있는 시스템 폰트를 변경하기 위해서는 MacType 프로그램을 통하여 간단하게 변경하실 수 있는데요.

우선 윈도우 시스템 폰트를 변경하기 위해서는 변경할 폰트를 다운로드 및 설치를 하셔야 합니다.

이번에는 윈도우10 시스템 폰트 변경 방법에 대해 알려드리겠습니다.

반응형

폰트 설치 및 MacType 설치

▲ 우선 윈도우10 시스템 폰트를 변경하기 위해서는 변경할 폰트를 설치하셔야 합니다.

변경할 폰트를 다운로드 후 “설치”를 클릭하여 설치를 진행합니다.

▲ 윈도우10 시스템 폰트를 변경하기 위해서는 MacType 프로그램이 필요합니다.

하단에 있는 링크를 통하여 MacType 다운로드 페이지로 이동하신 후 “Get MacType”를 클릭합니다.

▲ 위와 같은 화면이 나타나면, “Got it, Take me to the file”을 클릭하여 설치 MacType 설치프로그램을 다운로드 후 실행합니다.

▲ MacType 설치 프로그램이 실행되면, 언어를 Korean으로 설정 후 “확인”을 클릭합니다.

▲ 그 후 MacType 설치를 진행해줍니다.

1-2 폰트 영문 이름 확인

▲ MacType를 통하여 폰트를 적용하기 위해서는 폰트 영문이름이 필요합니다.

폰트 영문이름은 nexusfont를 통하여 확인하실 수 있습니다.

하단에 있는 링크를 통하여 nexusfont 다운로드 페이지로 이동하신 후 “Download”를 클릭하여 nexusfont 설치프로그램을 다운로드 후 설치를 진행합니다.

▲ nexusfont 설치 후 실행하시면 위와 같이 나타납니다.

우측 상단에 있는 검색창을 통하여 변경할 시스템 폰트이름을 검색합니다.

▲ 검색결과에 변경할 폰트가 나오면, 폰트 영문 이름을 확인하기 위해 상단에 있는 메뉴에서 [보기 – 글꼴이름 영문으로 보기]를 클릭합니다.

▲ 그럼 위와 같이 폰트 영문이름을 확인하실 수 있습니다.

1-3 ini 파일 수정

ini 파일 다운로드 (파일명도 꼭 폰트 영문 이름으로 변경하시길 바랍니다.)

Hogook Bold.ini 0.00MB

▲ 위에 있는 첨부파일을 다운로드 후 메모장을 통하여 열어줍니다.

그 후 1-2에서 확인한 변경할 폰트 영문 이름을 “Name=[—–]” 부분에서 “—-“부분에 넣어줍니다.

EX) 변경할 폰트가 나눔고딕의 경우 Name=NanumGothic

▲ ini 파일을 하단으로 내려 위와 마찬가지로 변경할 폰트의 영문이름으로 대체해줍니다.

저장할때는 ini 파일명을 변경할 폰트 영문이름으로 설정합니다.

▲ 변경한 ini파일을 [C:\Program Files\MacType] 경로에 붙여넣습니다.

1-4 MacType를 사용하여 폰트 적용

▲ 이제 MacType 프로그램을 실행 후 “서비스 모드”를 체크 후 “다음”을 클릭합니다.

▲ 그럼 위와 같이 추가한 폰트가 나타나는데요.

변경할 폰트를 선택 후 “완료”를 클릭합니다.

▲ 변경 사항을 적용창이 나타나면, “OK”를 클릭합니다.

▲ “닫기”를 클릭하여 설정을 저장해주시면 됩니다.

1-5 기본 폰트 설정

noMeiryoUI 다운로드

noMeiryoUI241.zip 0.47MB

▲ 위에있는 첨부파일을 통하여 noMeiryoUI 압축파일을 다운로드 후 압축을 해제합니다.

압축해제 후 폴더내에 있는 “noMeiryoUI.exe” 파일을 실행합니다.

▲ noMeiryoUI 프로그램이 실행되면, “선택”을 클릭하여 변경한 시스템 폰트를 선택 후 “모두 설정”을 클릭하여 설정을 저장해주시길 바랍니다.

여기까지 모두 끝나셨다면, 컴퓨터를 재부팅해주시길 바랍니다.

컴퓨터 재부팅 후 윈도우10 시스템 폰트가 변경된 것을 확인하실 수 있습니다.

반응형

웹폰트를 포기하고 시스템 폰트로 갈아 탄 이유

티스토리 이야기는 아닙니다. 제 홈페이지 이야기예요..

지금 사용 중인 스킨의 웹폰트에 반해서 티스토리를 시작한 것만 보더라도 전 정말 웹폰트 덕후인데ㅠ 운영 중인 홈페이지에서 웹폰트를 전부 시스템 폰트로 바꿔버렸습니다.

하얀색 페이지에 반듯하고 깔끔한 느낌의 폰트가 너무 잘 어울린다고 생각하며 만족하고 있었는데 정말 용납할 수 없는 두 가지 이유가 생겼습니다.

제가 사용한 웹폰트

한글 폰트: 나눔 고딕 (메뉴, 레이아웃), 노토 산스 (게시판)

영문 폰트: Lato (숫자)

# 눈물을 머금고 웹폰트를 포기하고 시스템 폰트로 갈아 탄 이유

1. 폰트를 로딩하는 시간이 육안으로 느껴졌기 때문입니다.

아마 눈에 보이지 않았다면 전 그냥 사용했을 거예요. 이쁘니까요.

하지만, 아주 잠깐 멈칫하는 느낌(저만 느끼는 것일 수도 있음)이 찝찝해서 견딜 수 없을 때쯤 결정적 두 번째 이유가 나타납니다.

2. 본문 콘텐츠 폰트인 노토 산스를 보고 조금 과장해서 표현하면….. 매직아이 보는 줄 알았습니다 ㅠ

세상에…

메뉴에 적용했던 나눔 고딕은 꽤 괜찮아요.. (웹폰트 쓰실 거라면 나눔 고딕 추천합니다.)

제가 주로 사용하는 PC는 iMac 5k 27형 레티나 디스플레이예요. 부트캠프를 깔아서 쓰고 싶지 않아서 Window pc도 따로 있지만 Mac이 편해서 거의 Mac만 씁니다. 궁서체 조차도 이쁘게 출력되는 Mac을 쓰고 있어서 몰랐던 거죠.. Window에서 내 홈페이지의 모습이 어떤지..지난번 스킨 처음 샀을 때 스킨은 확인하고 정작 공들인 홈페이지는 확인을 안 한 겁니다.

물론 제 Window PC용 모니터가 좋지는 않지만.. Explorer에서의 모습은 정말… 최악이더라고요. Edge, Chrome은 그나마 괜찮았습니다.

3. 나는 괜찮지만 방문자의 시력보호를 고려해야 했다.

요즘 산골짜기 오두막 같은 저의 홈페이지에도 방문자가 조금씩 생기는데.. 모바일과 PC 사용자중에 Window PC 사용자가 50%에 가깝고,그 중에 Chrome사용자가 월등히 높지만 Explorer 구버전을 쓰는 분도 아직 꽤 계시기 때문에 이 부분을 고려해서 눈이 좀 덜 피곤한 폰트로 바꾸기로 결정했습니다.

처음엔 속도는 무시하고 그냥 다른 웹폰트를 찾아보자라는 생각이었습니다.

그래서 지금 쓰고 있는 티스토리 스킨(공책)의 폰트인 나눔 바른 펜 폰트를 적용해 보았죠!

또박또박 가독성 최고이고, Explorer에서도 선방을 하는 최고의 폰트라고 생각해서 적용을 했는데 제 홈페이지와는 어울리지 않더라고요.ㅠㅠ 줄 없이 새하얀 바탕에 글자를 나열하면 약간 산만해집니다. (크기도 16px 이상이 이쁨)

줄이 그어진 공책 스킨과의 시너지 작용으로 가독성도 높아졌던 거에요…. (물론 여전히 나눔 바른 펜 폰트 너무 예쁜 거 인정)

결국 눈누 를다 뒤져도 원하는 폰트를 찾지 못했습니다. ㅜㅜ

그래서 그나마 괜찮아 보였던 나눔 고딕으로 할까 잠깐 고민했지만, 찝찝함의 근원인 속도 문제를 해결할 수 없다는 결론에 도달…

나눔 고딕은 Mac 에는 나눔 고딕이 시스템 폰트에 포함 있지만 Window에는 나눔 고딕이 시스템 폰트에 포함되어 있지 않으니

어차피 설치가 안된 유저를 고려하면 결국은 다시 웹폰트를 끌어 와야 하니까요.

포털사이트 다음, 네이버의 메인은 전부 시스템 폰트로 적용되어 있더라고요. 카페나 블로그는 웹폰트를 사용하지만 유입이 압도적으로 많은 페이지는 역시 시스템 폰트가 최고인 것입니다!

Window에는 맑은 고딕이라는 예쁜 폰트가 있으니 방문자의 환경에 맞게 시스템 폰트로 적용될 수 있게 바꿔줬습니다.

font-family : ‘AppleSDGothicNeo-Regular’,’Malgun Gothic’,’맑은 고딕’,dotum,’돋움’,sans-serif;

언제 또 마음이 바뀔지 모르겠지만, 당분간은 시스템 폰트로 갑니다! 벌써부터 ‘노토 산스’가 그리워지네요.. 흑흑

한글은 너무 사랑스럽지만, 한글 폰트는 너무 어려운 것이에요..

어느 환경에서나 반듯하고 매끄러운 고딕체를 발견하는 그 날까지…….. 맑은 고딕 힘내..너만 믿겠어..!

대표 이미지 출처 : Photo by Pearse O’Halloran on Unsplash

컴퓨터 기본 폰트 변경 방법 (윈도우 시스템 폰트 변경)

반응형

컴퓨터를 사용하다보면 기본 시스템 폰트를 자신이 원하는 글씨체로 변경하고 싶을 때가 있습니다.

이런 경우 글꼴 설치 후 해당 글꼴을 윈도우 기본 시스템 폰트로 적용해주시면 되는데요.

이번에는 컴퓨터 기본 폰트 변경 방법에 대해 알려드리려고 합니다.

반응형

– 자신이 원하는 글꼴 설치 –

▲ 우선 윈도우 기본 시스템 폰트로 설정할 글꼴을 설치해야 합니다.

TTF 형식의 글꼴을 다운로드 후 [마우스 우 클릭 – 설치]를 클릭하시면 글꼴 설치를 하실 수 있습니다.

– 윈도우 기본 시스템 폰트 변경 방법 –

▲ 글꼴을 설치하셨다면 하단에 있는 첨부파일을 통하여 MODPanel을 다운로드 후 압축을 해제합니다.

압축 해제 후 [MODPanel.exe] 프로그램을 실행합니다.

-MODPanel 다운로드-

MODPanel.zip 2.00MB

▲ MODPanel 프로그램이 실행되었다면, 상단에 있는 [Font]탭을 클릭 후 윈도우 기본 시스템 폰트로 설정할 글꼴을 선택 및 크기를 설정해주신 후 [OK]를 클릭합니다.

▲ 그럼 위와 같이 윈도우 기본 폰트가 변경된 것을 확인하실 수 있습니다.

(폰트가 누워서 나오거나 방향이 다르게 나오는 경우 세로쓰기용 폰트인 경우 입니다.

가로형 폰트를 설치하셔야 합니다.)

반응형

시스템 글꼴 스택에 대한 정보

글꼴 스택은 브라우저가 서체 선호도 및 기본 대체용 글꼴을 알 수 있도록 하는 글꼴 및 글꼴 키워드의 목록입니다. 예를 들어 글꼴 스택이 “Helvetica Neue, Arial, sans-serif”인 경우에는 가장 선호하는 글꼴이 Helvetica Neue(사용 가능한 경우)이며, 그 다음으로는 Arial(대부분의 컴퓨터에 있음)을 선호하고, 마지막으로 일반적인 sans-serif 글꼴(다소 모호하지만 실수로 Times New Roman과 같은 serif 글꼴을 사용하지 않도록 보장함)을 선호한다는 것을 알 수 있습니다.

Zendesk는 이제 시스템 글꼴 스택을 통해 사용자의 운영 체제를 인식하고 해당 인터페이스에서 본래 사용하는 글꼴을 적용시킬 수 있습니다. 운영 체제는 자체 글꼴에 최적화되어 있기 때문에 로드 속도가 빠르며, 더 익숙하고 좋아 보이며, 깔끔하게 나타나고, 전체 문자가 잘 지원되는 경향이 있습니다. 이전에는 Zendesk에서 Proxima Nova를 기본 글꼴로 사용했습니다.

Zendesk의 시스템 글꼴 스택은 다음과 같습니다.

body {font: system-ui, -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Oxygen-Sans, Ubuntu, Cantarell, “Helvetica Neue”, Arial, sans-serif; }

이 스택은 전체 Support 제품에 반영됩니다.

키워드에 대한 정보 시스템 폰트

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

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

사람들이 주제에 대해 자주 검색하는 키워드 영상디자이너가 PICK한 상업용 무료 폰트 10종 추천👍 예쁜 자막의 기본이죠! [편집하는여자]

  • 영상편집
  • 애프터이펙트
  • 프리미어프로
  • 애프터이펙트강좌
  • 프리미어프로강좌
  • 애프터이펙트효과
  • 프리미어프로효과
  • 편집하는여자
  • 조블리
  • 용호수
  • 하줜
  • 비됴클래스
  • aftereffects
  • premierepro
  • 편집녀
  • 프리미어 영상편집
  • 프리미어프로 영상편집
  • 유튜브 편집
  • 프리미어 유튜브
  • 동영상 편집
  • 유튜브 영상 만들기
  • 유튜브 영상
  • 영상 편집
  • 프리미어 강좌
  • 애프터이펙트 강좌
  • 에프터이펙트 강좌
  • 에프터이펙트 효과
  • 에펙 효과
  • 프리미어 효과
  • 자막 효과
  • 에펙 자막
  • 상업용무료폰트
  • 상업용무료폰트추천

영상디자이너가 #PICK한 #상업용 #무료 #폰트 #10종 #추천👍 # #예쁜 #자막의 #기본이죠! # #[편집하는여자]


YouTube에서 시스템 폰트 주제의 다른 동영상 보기

주제에 대한 기사를 시청해 주셔서 감사합니다 영상디자이너가 PICK한 상업용 무료 폰트 10종 추천👍 예쁜 자막의 기본이죠! [편집하는여자] | 시스템 폰트, 이 기사가 유용하다고 생각되면 공유하십시오, 매우 감사합니다.

Leave a Comment