취미부자의 취미 버리기

[폰트] 폰트파일 뭘 다운받아야 할지 고민될 때! 본문

Programming/🤓 스터디

[폰트] 폰트파일 뭘 다운받아야 할지 고민될 때!

mionager 2025. 12. 22. 08:28
728x90

뭘 다운받아야하지..?
글꼴 다운 받을 때 마다 항상 헷갈리던 거ㅠㅠ
단계별로 선택해 나가자!

Suite 폰트


-
Step 1️⃣ 타입 선택

특별한 환경에서 사용할 것인가?
그렇다면 Static 일반적으로는 Variable

/
설명

Static 파일 많음
Variable 파일 1개

/
Static Fonts (고정 글꼴)

'가변성'이 필요 없는 안정성, 호환성, 단순함이 중요한 모든 디자인과 개발 상황

파일이 많음
볼드/이탈릭 등 스타일마다 파일이 있음
/
Variable Fonts (가변 글꼴)

접근성, 성능 최적화, 동적인 웹/앱, 세밀한 조정

파일 딱 1개 (모든 스타일이 하나의 파일에 있음)
웹 로딩 속도가 빠름
미세하고 자유자재로 스타일 변경 가능


 -

Step 2️⃣ 확장자 선택

그래픽 디자인 작업? OTF
문서 및 시스템 폰트? TTF
웹사이트? WOFF2


/
설명 
OTF (OpenType Font)
Adobe + Microsoft가 개발
고해상도 출력물, 디자인 작업에 유리
(정교하게 곡선을 그리는 방식)
 /
TTF (TrueType Font)
Apple + Microsoft가 개발
화면 출력 속도가 빠름
문서 작업, 시스템 폰트에 사용
/ 
WOFF2 (Web Open Font Format 2.0)
웹 환경에 최적화된 압축 형식
TTF/OFT의 용량을 줄인 버전
웹사이트 폰트로 사용

728x90

'Programming > 🤓 스터디' 카테고리의 다른 글

[코딩일기] React function return이 항상 1개 태그만 가능한 이유  (0) 2023.07.27
[코딩일기] React 시작 전, 알아두면 좋은 JS 짜잘한 지식  (0) 2023.07.23
[Javascript] export vs export defaul  (0) 2023.07.06
[코딩일기] Redux combineReducers(), createStore() 흐름 이해  (0) 2023.07.03
[코딩일기] 스프레드 연산자  (0) 2023.07.02
'Programming/🤓 스터디' Related Articles more
Comments