Source Serif 4
About Source Serif 4
Frank Griesshammer'ın Source Serif 4'ü, Adobe'nin Source Sans'a eşlik eden serif ailesi olan Source Serif'in olgunlaşmış evrimi olup optik boyutlandırma ve ağırlık değişken eksenleriyle nüanslı bir geçişsel serift olarak art arda versiyonlarda iyileştirildi. opsz ekseni, boyut değiştikçe yazı tipinin harf ayrıntılarını otomatik olarak ayarlamasına olanak tanır — küçük boyutlarda aralıkları genişletir ve açıklıkları artırır; görüntü boyutlarında ise oranları sıkıştırarak kontrastı artırır. Kiril, Yunan ve Vietnamca desteği onu editoryal sistemler, teknik belgeler ve dijital kitaplar için yetenekli bir küresel yazı tipi yapar.
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
- ✓
- Korece
- ✗
- 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.