Source Serif 4

Serif transitional 제작 Frank Griesshammer #111 Google Fonts에서
굵기

소개 Source Serif 4

Frank Griesshammer's Source Serif 4 is the mature evolution of the Source Serif family, Adobe's companion serif to Source Sans, refined over successive versions into a nuanced transitional serif with optical size and weight variable axes. The opsz axis allows the typeface to adjust letterform details automatically as size changes — widening spacing and opening apertures at small sizes, tightening proportions and increasing contrast at display sizes. Cyrillic, Greek, and Vietnamese support make it a capable global typeface for editorial systems, technical documentation, and digital books.

문자 맵

AaBbCcDdEeFfGgHhIiJjKkLlMm
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?

굵기 워터폴 (8)

200 ExtraLight
300 Light
400 Regular
500 Medium
600 SemiBold
700 Bold
800 ExtraBold
900 Black

사용 방법

<link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@200;300;500;600;700;800;900;400&display=swap" rel="stylesheet">
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@200;300;500;600;700;800;900;400&display=swap');
font-family: 'Source Serif 4', serif;
brew install --cask font-source-serif-4

상세 정보

카테고리
Serif
스타일
transitional
굵기
8
이탤릭
한국어
디자이너
Frank Griesshammer
라이선스
OFL
버전
인기도
#111
다운로드
178

라이선스 사용

웹 사용허용됨
인쇄허용됨
영상 / 방송허용됨
패키징허용됨
앱 임베딩허용됨
브랜드 / 로고허용됨
수정허용됨

OFL — 개인 및 상업적 사용 무료

언어 지원

cyrillic cyrillic-ext greek latin latin-ext vietnamese

최적 용도

body_text editorial headers presentations

타이포그래피 개념

  • Measure

    The length of a line of text, typically 45–75 characters for optimal readability. Too long or too short reduces reading comfort.

  • Font Family

    A group of related fonts that share the same basic design but vary in weight, width, or style. In CSS, the font-family property specifies preferred fonts.

  • unicode-range

    CSS descriptor in @font-face that specifies which Unicode characters to download from a font file, enabling automatic subsetting by the browser.

  • font-variation-settings

    CSS property to control variable font axes directly — weight, width, slant, and custom axes. Lower-level than font-weight/font-stretch.

  • Optical Size

    Adjusting letterform details based on the intended display size. Small text needs more spacing and heavier strokes; large text can be more refined.

  • Vertical Rhythm

    Consistent spacing pattern that aligns text baselines and element spacing to a baseline grid. Creates visual harmony on the page.

관련 글 Source Serif 4