Font 기술 발전 동향 - 숙명여자대학교

Font

Font 기술 기술 발전 발전 동향 동향

숙명여자대학교

임순범

목차

l

참고자료

u 임순범, “글꼴 처리 기술의 발 전 동향”, 글꼴 1999,

pp.95~134, 한국글꼴개발원

l

글꼴처리기술의 발전과정

1) 글꼴 표현 방식

2) 윤곽선 글꼴 형식에 대한 업체간의 경쟁

3) 윤곽선 글꼴의 컴퓨터 처 리 과정

l

글꼴처리기술의 동향

1) 다중 마스터 글꼴 (Multiple Master Font)

2) 비 영어 문화권 글꼴 처리 에 대한 관심

3) 화면용 글꼴 처리 기술

4) 글꼴처리기술의 향후 추세

l

참고자료

u 임순범, “글꼴 처리 기술의 발 전 동향”, 글꼴 1999,

pp.95~134, 한국글꼴개발원

l

글꼴처리기술의 발전과정

1) 글꼴 표현 방식

2) 윤곽선 글꼴 형식에 대한 업체간의 경쟁

3) 윤곽선 글꼴의 컴퓨터 처 리 과정

l

글꼴처리기술의 동향

1) 다중 마스터 글꼴 (Multiple Master Font)

2) 비 영어 문화권 글꼴 처리 에 대한 관심

3) 화면용 글꼴 처리 기술

4) 글꼴처리기술의 향후 추세

글꼴처리기술의 발전과정

l

폰트기술 , 글꼴 기술

u 전자 출판물의 인쇄 및 화면 출력에서 가장 핵심기술

u 모바일 단말기에서도 주목

l

발전동향

점글꼴

Þ 윤곽선글꼴 기술

Þ 화면용 글꼴 기술

Þ 향후 ???

l

글꼴 표현 방식 (Font

Representation Methods)

u 점글꼴

u 윤곽선 글꼴

u 구조적 글꼴

l

폰트기술 , 글꼴 기술

u 전자 출판물의 인쇄 및 화면 출력에서 가장 핵심기술

u 모바일 단말기에서도 주목

l

발전동향

점글꼴

Þ 윤곽선글꼴 기술

Þ 화면용 글꼴 기술

Þ 향후 ???

l

글꼴 표현 방식 (Font

Representation Methods)

u 점글꼴

u 윤곽선 글꼴

u 구조적 글꼴

점글꼴 (Bitmap Font)

l

래스터 방식의 출력장치

u 점행렬식(dot matrix)에 기억

l

장점

u 용이한 설계

u 제작시간, 저장공간이 작다

l

단점

u 글자를 확대,기울임의 경우 글자의 윤곽이 거칠어진다

l

지금은 매우 한정된 목적 으로만 사용

l

래스터 방식의 출력장치

u 점행렬식(dot matrix)에 기억

l

장점

u 용이한 설계

u 제작시간, 저장공간이 작다

l

단점

u 글자를 확대,기울임의 경우 글자의 윤곽이 거칠어진다

l

지금은 매우 한정된 목적

으로만 사용

윤곽선 글꼴 (Outline Font)

l

글자의 윤곽

u 직선, 원호, 자유곡선 등

u TrueType : 2차 B-운형 곡선

u Adobe Type1 : 베지어 곡선

l

특징

u 확대축소가 자유

§ 폰트의 기억용량이 작다

u 획굵기 변화까지는 불가능

u 속도가 느리다(예전)

u 80년대 고가의 레이저 프린

터에서 시작

l

글자의 윤곽

u 직선, 원호, 자유곡선 등

u TrueType : 2차 B-운형 곡선

u Adobe Type1 : 베지어 곡선

l

특징

u 확대축소가 자유

§ 폰트의 기억용량이 작다

u 획굵기 변화까지는 불가능

u 속도가 느리다(예전)

u 80년대 고가의 레이저 프린

터에서 시작

구조적 글꼴 (Structural Font)

l

Metafont

u Stanford, D.E.Knuth

u Parameterized Font Design

l

FDS(Font Design System)

u Soon-Bum Lim

u Stroke-based Structured Font Design

l

특징

l

FDS(Font Design System)

u Soon-Bum Lim

u Stroke-based Structured Font Design

l

특징

Font War (1)

l

윤곽선 글꼴의 보급 확산

u 1985 Apple Laser Writer

§ PostScript 탑재

§ PostScript Type1 Font

u 그 외 글꼴 전문회사

§ BitStream

§ Compugraphic

§ Apple Royal Font

u 국내

§ 휴먼컴퓨터, 한양 등

l

Font War 시작

u 1989 봄 Seybold 세미나

§ Apple+MS: TrueType 계획

§ Adobe: Type1 공개 계획

u 1989 가을 Seybold 세미나

§ Adobe Type1 format 공개

Ø “Hinting 기술”

§ Apple, IBM, Next 입장발표

u 1990 가을

§ TrueType sample 제작

u 1991

§ Win3.1에 TrueType 탑재 l

윤곽선 글꼴의 보급 확산

u 1985 Apple Laser Writer

§ PostScript 탑재

§ PostScript Type1 Font

u 그 외 글꼴 전문회사

§ BitStream

§ Compugraphic

§ Apple Royal Font

u 국내

§ 휴먼컴퓨터, 한양 등

l

Font War 시작

u 1989 봄 Seybold 세미나

§ Apple+MS: TrueType 계획

§ Adobe: Type1 공개 계획

u 1989 가을 Seybold 세미나

§ Adobe Type1 format 공개

Ø “Hinting 기술”

§ Apple, IBM, Next 입장발표

u 1990 가을

§ TrueType sample 제작

u 1991

§ Win3.1에 TrueType 탑재

Font War (2)

l

Font War 전개

u 각 회사 신기술 발표

§ Adobe “Multiple Master Typeface”

§ 각 회사 Hinting 기술개발

u Microsoft Windows 95

§ TrueType보급 확산

§ 오피스 문서 시장

u Postscript

§ 전문 출판/출력기 시장

l

Font War 이후

u Adobe & Microsoft 협력

§ TrueType Open Spec

“Open Type” (1995)

u Smooth Font (1997)

§ Grayscale Font

u Clear Type (1999)

§ LCD Screen

u 최근

§ Web Download Font

§ Mobile Font l

Font War 전개

u 각 회사 신기술 발표

§ Adobe “Multiple Master Typeface”

§ 각 회사 Hinting 기술개발

u Microsoft Windows 95

§ TrueType보급 확산

§ 오피스 문서 시장

u Postscript

§ 전문 출판/출력기 시장

l

Font War 이후

u Adobe & Microsoft 협력

§ TrueType Open Spec

“Open Type” (1995)

u Smooth Font (1997)

§ Grayscale Font

u Clear Type (1999)

§ LCD Screen

u 최근

§ Web Download Font

§ Mobile Font

Font File Format – Type1

l

PostScript

u Type 1

u Type 3

§ user defined font

u Type 0

§ composite font l

3D Bezier Curve

l

PostScript

u Type 1

u Type 3

§ user defined font

u Type 0

§ composite font l

3D Bezier Curve

P(t) = (1-t)³ P₀ + 3t(1-t)² P₁+3t²(1-t) P₂+t³ P₃, 0 ≤ t ≤ 1

Font File Format – TrueType

l

2D B-Spline Curve

P(t) = (1-t)² P₀ + 2t(1-t) P₁+t² P₂, 0 ≤ t ≤ 1

Font Design Tools

l

Fontographer

u Macromedia

u 대표적인 저작도구

Rasterizer

l

Rasterizer

u 좌표값 => 비트맵 이미지

1) 글꼴 파일에서 좌표값 읽기 2) 기하변환 좌표값 계산

3) 좌표일부 조정: Hinting 4) 주사선변환(Scan

Conversion)

l

내부 채우기 방식

u even-odd 방식

u non-zero winding 방식

l

Rasterizer

u 좌표값 => 비트맵 이미지

1) 글꼴 파일에서 좌표값 읽기 2) 기하변환 좌표값 계산

3) 좌표일부 조정: Hinting 4) 주사선변환(Scan

Conversion)

l

내부 채우기 방식

u even-odd 방식

u non-zero winding 방식

Hinting – 디지털화 과정의 문제점

l

Truncation Error

u 획 굵기

u 세리프(serif) 모양

u 획 끊어짐(drop-out)

l

Truncation Error

u 획 굵기

u 세리프(serif) 모양

u 획 끊어짐(drop-out)

Hinting 기법

l

격자맞추기 (grid fitting)

u 위치/굵기조정=>상대크기

u 힌팅 결과

u 글자 m의 예

l 획굵기

l 세리프

l 획 이음

l 여백

l

격자맞추기 (grid fitting)

u 위치/굵기조정=>상대크기

u 힌팅 결과

u 글자 m의 예

l 획굵기

l 세리프

l 획 이음

l 여백

Hinting 기법

l

drop-out 방지

l

Non-linear Scaling

l

drop-out 방지

l

Non-linear Scaling

Hinting 기법

l

Optical Scaling

l

Diagonal Control

l

Optical Scaling

l

Diagonal Control

Hinting 처리 효과

l

Readability/Legibility 증진

l

Color

u Uneven & Even distribution

l

Spacing

Spacing

l

Readability/Legibility 증진

l

Color

u Uneven & Even distribution

Hinting 처리 효과

l

Weight

^l

Alignment

Hinting 처리 효과

l

Symmetry

^l

Local aesthetics

u individual bitmap shapes

=> individual pixel spurs

=> flat runs

l

Symmetry

^l

Local aesthetics

u individual bitmap shapes

=> individual pixel spurs

=> flat runs

글꼴 처리 기술의 최근 동향

l

다중 마스터 글꼴

l

비 영어 문화권 글꼴

l

화면용 글꼴

l

부분픽셀 글꼴

l

다중 마스터 글꼴

l

비 영어 문화권 글꼴

l

화면용 글꼴

l

부분픽셀 글꼴

Multiple Master Font

l

Master Font 설계

u 중간 폰트는 비례 계산

u 중간 글꼴 데이터의 생성

Multiple Master Font

l

적용 예

u 다양한 글꼴의 설계

Non-Roman Fonts

l

CJK Font Issues

u Large Character Set

u Composite Characters

u Writing Directions

l

여러개 글리프 (Glyphs)

l

이어쓰기 글리프

l

합성 문자

l

CJK Font Issues

u Large Character Set

u Composite Characters

u Writing Directions

l

여러개 글리프 (Glyphs)

l

이어쓰기 글리프

l

합성 문자

Smooth Font

l

Gray-Scale Font

u Anti-aliased Font

u 주로 화면용 글꼴에 적용

u 회색조 글꼴의 원리

§ 슈퍼 샘플링

§ 면적계산

§ 샘플링 & 필터링 l

Gray-Scale Font

u Anti-aliased Font

u 주로 화면용 글꼴에 적용

u 회색조 글꼴의 원리

§ 슈퍼 샘플링

§ 면적계산

§ 샘플링 & 필터링

Smooth fonts

l

회색조 글꼴의 힌팅

Sub Pixel Rendering - ClearType

l

LCD 화면의 특징

l

gray-scale vs. sub-pixel

l

ClearType

u 1998, Microsoft

l

LCD 화면의 특징

l

gray-scale vs. sub-pixel

Clear Type

Sub Pixel Rendering

l

가로 해상도에 큰 영향

l

LCD 화면 설정

l

LCD 화면 설정