Typeface

글꼴은 일관성 있게 설계된 글자 모양을 이루는 하나의 집합이다. 비슷한 말로 서체 또는 폰트(font)가 있지만, 최근에는 이를 구분하지 않고 같은 뜻으로 사용할 때가 많다.

폰트 저작권에 대한 정보

폰트 파일은 저작권이 있지만, 폰트(글씨체) 그 자체에는 저작권이 없다는 사실. 자세한 내용은

네이버 자료실 무료 폰트를 영리로 사용한 이용자가 승소한 이유 (판결문) | 슬로우뉴스

위의 페이지 참조.

Computer font

컴퓨터 글꼴(Computer font)은 컴퓨터로 보는 글자들의 모양새 또는 그 전자적 데이터 파일을 뜻한다.

표시 방식

표시 방식은 크게 비트맵 방식과 벡터, 그리고 스트로크 방식으로 나눌 수 있다.

비트맵 방식의 글꼴: 크기가 고정된 점으로 이루어져 있으므로 처리 속도가 빠르지만, 정해진 크기에서만 제대로 보이며 확대시키면 획의 둥근 부분이 마치 계단처럼 보인다.
외곽선 방식의 글꼴: 벡터 방식이라고도 하며 크기를 변화시켜도 깨지지 않지만, 선을 그리는 데에 처리 시간이 조금 더 걸린다.
스트로크(stroke) 글꼴은 일련의 지정된 선과 부가 정보를 사용하여 특정한 모양의 선의 프로파일, 크기, 모양을 정의한다.

과거 운영 체제에서 사용되는 사용자 인터페이스 글꼴은 벡터 방식에 비트맵 글꼴을 임베딩(추가)하여 넣는 방식을 이용하였다. 이는 비트맵 글꼴만으로는 축소, 확대, 출력에 문제가 있어(일반적으로는 확대축소가 가능한 비트맵 정보를 넣지 않기 때문에: 실제 글꼴 규격에는 확대, 축소가 가능한 비트맵 정보를 넣을 수 있다.) 벡터 방식을 같이 이용하는 것이다.

비트맵 방식은 화면에서 해당 비트맵 그대로 보이는 반면, 벡터 방식은 아웃라인이 화면에 표현되면서 왜곡이 발생하게 되고 원치 않는 형태로 깨져보이는 경우가 생기게 되어 있다. 이런 이유로, 특정 크기에 맞추어 비트맵 디자인을 한 후, 벡터 방식에 임베딩하는 방식을 취하게 되는 것이다.

너비의 변화

글꼴을 글자들의 너비 변화에 따라 고정폭 글꼴과 가변폭 글꼴로 나눌 수 있다.

고정폭 글꼴: 글자에 상관 없이 일정한 너비를 할당한다.
- 한글 글꼴의 경우 한글 글자의 폭은 사실 영문 글자의 폭의 두배를 차지한다.
가변폭 글꼴: 글자에 따라 변화된 너비를 할당한다.
- 넓은 너비: W와 같은 글자에는 넓은 너비를 할당한다.
- 좁은 너비: i와 같은 글자에는 좁은 너비를 할당한다.

좀 더 세밀하게 모습을 조정하기 위해서 여러 방법이 도입되었는데, 이를테면 'VA'와 같이 일반적인 방법으로는 커닝(자간 여백)이 많은 경우 폰트 자체에 커닝 문자 쌍의 정보가 있거나 수동으로 커닝을 직접 지정해 주는 방법 등을 사용하기도 한다.

문자들에 따라서 가변폭 글꼴을 많이 쓰지 않거나 아예 쓰기 힘든 경우도 자주 있다. 이를테면, 한자는 가변폭 글꼴을 만들기 힘들며, 그 영향으로 가나나 한글 글꼴도 고정폭인 경우가 많다.

글꼴의 속성

글꼴은 컴퓨터에서 표시될때에 여러가지 속성 설정에 의해 영향을 받는다. 타이포그래피 디자인에서는 다음과 같은 요소가 있다.

크기: 글꼴의 크기는 포인트(point) 단위를 쓴다 보통 컴퓨터 글꼴에서는 9~12포인트를 많이 쓰며 6포인트 이하의 글꼴은 대단히 알아보기 힘들어 질 수 있다.
정렬: 오른쪽 줄맞춤, 왼쪽 줄맞춤, 양쪽 줄맞춤, 가운데 줄맞춤을 주로 사용한다.
과부와 고아: 어떤 단어가 문장에서 혼자 따로 떨어져서 표시되면 과부(widow)라고 하고 문단의 시작에 떨어져있으면 고아(orphan)이라고 한다.
줄길이: 문단의 줄길이는 너무 많지도 적지도 않은 과유불급의 원칙을 따른다.
레딩(leading): 행간 혹은 줄 사이의 수직적 공간을 말한다. 보통 글꼴 크기의 20% 정도 크게 한다. 너무 붙어 있거나 떨어져 있으면 읽기 힘들어진다.
커닝(kerning): 글자간, 자간은 글자간의 수평적 공간을 말한다. 보통은 글자들을 충분히 나타낼만한 크기여야한다.

글꼴 형식

타입 1, 타입 3 글꼴: 타입 1, 타입 3 글꼴은 어도비사가 전문 디지털 타이프세팅을 위하여 개발한 것이다. 포스트스크립트를 사용하면 입방 베지에 곡선의 외곽선 글꼴이 된다. 타입 1 글꼴은 포스트스크립트 언어의 부분집합에 제한을 받으며 어도비의 힌팅 시스템을 사용하여 매우 광범위하게 쓰였다. 타입 3 글꼴은 포스트스크립트 언어의 무제한적 사용을 허용하지만 힌팅 정보가 포함되어 있지 않아 저해상도의 기기 (도트 매트릭스 프린터와 컴퓨터 화면)에서 깨지는 현상이 나타날 수 있다.

트루타입 글꼴: 트루타입은 애플이 개발한 글꼴 체제이다. 타입 1 글꼴을 대체할 목적으로 만들어졌다. 타입 1 글꼴과 달리 트루타입은 베지에 곡선으로 그려진다. 현재에 이르러 널리 쓰이고 있으며 모든 주요 운영 체제에 적용되고 있다.

오픈타입 글꼴: 오픈타입은 어도비와 마이크로소프트가 설계한 스마트폰트 시스템이다. 오픈타입 글꼴은 넓은 범위의 메타데이터를 곁들여 트루타입이나 타입 1 (실제로 CFF) 포맷의 외곽선을 포함하고 있다.

메타폰트: 메타폰트(METAFONT)는 다른 종류의 글꼴이다. 트루타입과 달리 벡터 글꼴의 체제를 갖추었다.

용어

글리프(Glyph): 폰트 파일에서 글자 하나하나의 모양 정보를 글리프라고 한다. 글리프를 저장하는 방식에 따라 비트맵 폰트, 외곽선 폰트 등으로 구분하는데 트루타입은 문자의 외곽선을 저장한다. 폰트 파일 내부에서 글리프의 순서는 따로 정해져 있지 않다.

문자맵(CharMap): cmap - Character To Glyph Index Mapping Table; 문자 코드와 글리프의 대응표. 어떤 문자 코드가 어떤 글리프와 대응되는지가 문자맵에 들어 있다.

메트릭(Metrics): 페이스 특성에 대한 값이다. 폰트를 만들 때 사용한 디자인 도면의 크기라든가 도면 내에서 글자의 영역, 밑줄의 위치 등의 정보들이 저장되어 있다. 또 개별 글리프의 크기 정보들도 저장되어 있는데 높이는 얼마이며 다음 글자는 어디쯤에 놓아야 하는지, 여백은 얼마나 되는지 등의 정보들이 들어 있다.

힌트, 커닝: 글자의 모양이나 간격을 조정하는 힌트, 커닝 같은 고급 정보들도 페이스에 빠짐없이 기록되어 있다. 텍스트를 출력할 때는 이 정보들을 참조하여 글리프를 정확한 위치에 배치하며 또한 확대, 축소할 때 가독성이 좋은 출력을 만들어낸다. 아무튼 페이스에는 텍스트 출력에 필요한 모든 정보들이 다 들어있다고 보면 된다.

세리프 (Serif) 폰트: 글자의 획 끝에 낚시바늘처럼 날카롭게 튀어나온 부분을, 세리프(Serif)라고 합니다. 로만체(Roman)나, 한글의 경우 명조체에 해당합니다. 본문에 주로 사용합니다. 세리프라는 것이 약간 가독력을 높여 주는 역할을 하기 때문일 것입니다.

산세리프 (Sans-serif) 폰트: 산세리프(Sans-serif)는 낚시바늘처럼 날카로운 장식선이 없이 그냥 직선으로 되어 있는 폰트입니다. 프랑스어로 sans 는 "~이 없이" 라는 의미입니다. 따라서 Sans-serif 란 "serif 가 없이"라는 의미입니다. 고딕체에 해당합니다. 제목이나, 강조해야 할 부분에 주로 사용합니다.

고정길이 폰트 (Monospace Font): 정방형의 사각형에 글자가 들어가는 형태로 모든 글자가 동일한 높이과 크기를 갖는다.

가변길이 폰트 (비례 글꼴; Proportional font): 비례 글꼴은 각 문자가 필요한만큼의 너비 만 차지하는 글꼴입니다.

합자 (Ligature; 리가처): 합자(ligature)는 두 문자를 하나의 모양으로 결합하는 것입니다. 예를 들어, 프랑스어에서 œ는 oe의 합자입니다.; 코드에서 자주 사용되는 기호들의 결합을 더 읽기 쉽게 하기 위해 여러 문자 리가처(특수 기호 결합)를 포함하고 있습니다.; 대표적으로 JetBrainsMonoNL, Suffix 의 "NL" 은 "No Ligatures" 의 약자. (코딩 쪽에서 "!=" 를 "≠" 로 결합 한다)

Font metrics

The word Sphinx, set in Adobe Caslon Pro to illustrate the concepts of baseline, x-height, body size, descent and ascent.

Baseline: 대문자가 적어지는 라인이라고 보면 된다.; 경우에 따라서는 숫자의 경우도 이 라인 아래도 적어질 수 있다고 한다.

Ascent (ascender height): Baseline 에서 문자의 가장 높은 부분 까지. 글자 마다 따를 수 있다.; 단일 간격 텍스트에 대한 기준선 위의 권장 거리입니다.

Aescent (descender height): Baseline 에서 문자의 가장 낮은 부분 까지; 단일 간격 텍스트에 대한 기준선 아래의 권장 거리입니다.

Cap Height: 몇 몇 글자를 제외하고 Baseline부터 일반적인 대문자의 높이까지; H, I, O, A 같은 글자는 이 높이를 넘어 설 수 있다고 한다.

x-height: Baseline부터 일반적인 소문자의 높이까지; 특히 Baseline 에서 소문자 x의 높이 까지; 일부 소문자는 이 높이보다 높을 수도 있고, 낮을 수도 있다.

Overshoot: 위의 Cap Height (또는 x-height)를 넘게 되는 것

Mean line (or midline): Baseline 와 cap height 의 중간; x-height 와 꼭 동일한 것은 아니다.

Top: 지정된 텍스트 크기에서 글꼴의 가장 높은 글리프에 대한 기준선 위의 최대 거리입니다.

Bottom: 지정된 텍스트 크기에서 글꼴의 가장 낮은 글리프에 대한 기준선 아래의 최대 거리입니다.

Leading: 텍스트 줄 사이에 추가할 권장 추가 공간입니다.

Font_metrics.png

Developer favorite font

개발자를 위한 추천 폰트를 정리한다. 개발을 위한 폰트는 가급적 아래와 같은 조건을 충족해야 한다.

고정폭(width) 문자를 지원해야 한다.
숫자1, 알파벳 대문자I, 알파벳 소문자l 과같이 비슷한 문자를 구분할 수 있어야 한다.

돋움, 돋움체, 굴림, 굴림체: Windows에 기본적으로 설치되는 폰트.; Visual Studio에서 간단히 사용할 수 있는 기본적인 폰트이지만 대문자I와 소문자l의 구분이 힘들다.; Eclipse에서 고정폭으로 출력되지 않는 현상이 존재한다.

나눔고딕코딩 (Nanumfont): http://dev.naver.com/projects/nanumfont/ ¹; 네이버 오픈 프로젝트로 진행되고 있으며, 한국인 개발자를 위한 폰트개발을 목표로 진행되고 있다.

Bitstream Vera Fonts: http://www.gnome.org/fonts/

Monaco: http://en.wikipedia.org/wiki/Monaco_(typeface); http://www.gringod.com/2006/11/01/new-version-of-monaco-font/; 코딩 용 폰트 Monaco font

NERD FONTS: https://www.nerdfonts.com/; https://github.com/ryanoasis/nerd-fonts; (vim-devicons) https://github.com/ryanoasis/vim-devicons/wiki/Installation

JetBrains Mono (JetBrainsMono, JetBrainsMonoNL): https://www.jetbrains.com/ko-kr/lp/mono/; https://github.com/JetBrains/JetBrainsMono

D2 Coding: https://github.com/naver/d2codingfont

D2Coding Nerd: https://github.com/kelvinks/D2Coding_Nerd

NERD FONTS 파일 읽는 방법

예를 들면 "JetBrainsMonoNLNerdFontMono-Thin.ttf" 파일이라면:

JetBrainsMono: 이 글꼴의 기본 이름입니다. JetBrains Mono는 JetBrains에서 개발한 프로그래밍 및 개발 환경에 최적화된 폰트입니다.; 특징으로는 높은 가독성과 코드의 구조를 쉽게 파악할 수 있는 디자인을 제공합니다.

NL: NL은 보통 No Ligatures의 약자로, 합자(ligatures)가 없는 버전을 의미합니다.; 프로그래머용 폰트에서 !=, <=, -> 등의 문자를 특수한 기호로 렌더링하는 합자가 없는 버전입니다.

NerdFont: 이 폰트는 Nerd Fonts 패치가 적용된 버전임을 나타냅니다.; Nerd Fonts는 개발자 및 터미널 사용자들이 자주 사용하는 아이콘들을 포함하는 폰트를 말합니다.; 예를 들어, 파일 유형 아이콘, Git 상태 아이콘 등이 추가됩니다.

Mono: Mono는 글자 폭이 고정된(모노스페이스, Monospaced) 폰트를 의미합니다.; 프로그래밍과 같은 상황에서 일정한 글자 폭은 코드 정렬에 중요합니다.

Thin: 글꼴의 두께를 나타냅니다. Thin은 가장 얇은 두께 중 하나로, 매우 가느다란 선으로 그려진 글자를 제공합니다.; 글꼴 두께는 Light, Regular, Bold 등으로 나뉘며, Thin은 Light보다도 얇습니다.

.ttf: TrueType Font 파일 형식입니다.; 이 형식은 글꼴 렌더링의 표준 형식 중 하나로, Windows, macOS, Linux 등 다양한 운영체제에서 지원됩니다.

요약:

JetBrains Mono: JetBrains의 프로그래밍용 폰트
NL: 합자(ligatures) 미지원 버전
NerdFont: 프로그래밍/터미널용 아이콘 추가
Mono: 고정 폭 글꼴
Thin: 얇은 두께 스타일
.ttf: TrueType Font 형식

이 파일은 주로 프로그래밍 환경(예: IDE, 터미널)에서 사용되며, 추가 아이콘과 얇고 세련된 스타일을 제공하는 고정 폭 글꼴입니다.

Free font

GNU Unifont: Basic Multilingual Plane (BMP) 호환.

Alpine: Font_-_Alpine.png; http://www.1001fonts.com/alpine-font.html; Alpine.zip; {|class="wikitable"

! Free For
Personal Use || Free For
Commercial Use || Modification
Allowed || Redistribution
Allowed |- | O || O || X || X |}

Ethnocentric: Font_-_Ethnocentric_Rg.png; http://www.1001fonts.com/ethnocentric-font.html; Ethnocentric.zip; {|class="wikitable"

! Free For
Personal Use || Free For
Commercial Use || Modification
Allowed || Redistribution
Allowed |- | O || O || O || X |}

Good Times: Font_-_Good_Times_Rg.png; http://www.1001fonts.com/good-times-font.html; Good-times.zip; {|class="wikitable"

! Free For
Personal Use || Free For
Commercial Use || Modification
Allowed || Redistribution
Allowed |- | O || O || O || X |}

Advent Pro Font Family: Font-Advent_Pro_Font_Family.png; http://www.1001fonts.com/advent-pro-font.html; https://www.google.com/fonts/specimen/Advent+Pro; Advent-pro.zip; License: OFL; {|class="wikitable"

! Free For
Personal Use || Free For
Commercial Use || Modification
Allowed || Redistribution
Allowed |- | O || O || O || O |}

Modern style

Adobe Source Han fonts (CJK)

Large collection of fonts which comprehensively support Simplified Chinese, Traditional Chinese, Japanese, and Korean, with a consistent design and look.

Sans fonts: adobe-source-han-sans-otc-fonts
Serif fonts: adobe-source-han-serif-otc-fonts

Arch Linux pacman:

$ sudo pacman -S adobe-source-han-sans-otc-fonts adobe-source-han-serif-otc-fonts

Nanum font

Download (2020-08-22):

전체폰트: NanumFontSetup_TTF_ALL.zip
바른고딕: NanumFontSetup_TTF_BARUNGOTHIC.zip

yangheeryu

개인 Github page: https://github.com/yangheeryu

고운돋움 & 고운바탕 - 한글 폰트: https://github.com/yangheeryu/Gowun-Dodum; 고운돋움 : 획의 강약과 기울기가 살아 있는, 편안하고 친근한 인상의 민부리 글꼴; 고운바탕 : 한 글자 한글자 정성스럽게 써 내려간, 단정하고 고운 손글씨 표정의 부리 글꼴; SIL Open Font License; 한글 음절 11,172자. KS X 1001의 라틴, 구두점(문장부호) 과 심볼 포함; 2010년에 발표된 "고운 한글 바탕/돋움" 체에 8822개의 한글 음절을 추가하여 완성

동글한글: https://github.com/yangheeryu/Dongle; 동글 한글은 자유롭고 경쾌한 표정의 탈네모틀 제목용 글자입니다.; 획이 많고 적음에 따라 들쭉날쭉 밝고 생생한 리듬을 형성합니다.

Neo둥근모

Modern TrueType font based on an old-but-good Korean bitmap font.

픽셀 아트 (Pixel Art) 게임에 사용하기 좋은 폰트.

갈무리

Bitmap fonts based on the font design from Nintendo DS

작은 크기에서도 가독성 좋고 균형 있는 한글 비트맵 폰트.

Inter

Tailwind 기본 폰트.

본고딕 (Noto Sans)

Noto Sans (본고딕; Source Han Sans) 항목 참조

Wanted Sans

Github - wanteddev/wanted-sans
곧으면서도 유연한 산세리프 글꼴 | A Sans-serif font; Geometric with a heart, Humanist with a soul
Pretendard 제작자가 참여한 새로운 폰트
한글 폰트는 본고딕(Noto Sans) 기반으로, 기본적으로 전작인 Pretendard와 동일함
단, ExtraBold의 굵기는 살짝 변형됨
Apple San Francisco와 동일한 높이를 지님. 따라서 Pretendard와도 동일
문맥을 인식하여, 한글과 자연스러운 문자, 단어에서 모양 구분이 필요하기 용이한 형태로 자동적으로 표시됨.
고정폭 숫자 표현 기능, 대문자에 맞춘 문자, 언어 및 국가별로 맞춘 문자, 합자(Ligature), 분수 및 첨자, 서수 및 대체 형태, 등 필요시 OpenType의 다양한 기능 지원

D2 Coding 글꼴

naver/d2codingfont: D2 Coding 글꼴

Comic Mono 고정폭 폰트

Comic Mono | comic-mono-font

A legible monospace font… the very typeface you’ve been trained to recognize since childhood. This font is a fork of Shannon Miwa’s Comic Shanns (version 1).