Source Serif 4
About Source Serif 4
Frank Griesshammer의 Source Serif 4는 Adobe의 Source Sans의 세리프 동반 서체인 Source Serif 패밀리를 광학 크기 및 굵기 가변 축을 갖춘 미묘한 트랜지셔널 세리프로 점진적으로 발전시킨 성숙한 진화작입니다. opsz 축은 크기 변화에 따라 레터폼 디테일을 자동으로 조정하여 작은 크기에서는 자간과 개구부를 넓히고, 디스플레이 크기에서는 비례를 좁히고 대비를 높입니다. 키릴, 그리스, 베트남어 지원으로 에디토리얼 시스템, 기술 문서, 디지털 도서에 활용 가능한 글로벌 서체입니다.
Character Map
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?
Weight Waterfall (8)
How to Use
<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
Details
- Category
- Serif
- Style
- transitional
- Weights
- 8
- Italic
- ✓
- 한국어
- ✗
- Designer
- Frank Griesshammer
- License
- OFL
- Version
- Popularity
- #111
License Usage
| Web use | Allowed |
| Allowed | |
| Video / Broadcast | Allowed |
| Packaging | Allowed |
| App embedding | Allowed |
| Brand / Logo | Allowed |
| Modification | Allowed |
OFL — Free for personal & commercial use
Language Support
Best For
Similar Fonts
Typography Concepts
-
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.