Source Serif 4
About Source Serif 4
Source Serif 4 của Frank Griesshammer là sự phát triển trưởng thành của họ Source Serif, font serif đồng hành của Adobe với Source Sans, được tinh chỉnh qua các phiên bản kế tiếp thành một font serif transitional sắc sảo với các trục biến thiên kích thước quang học và độ đậm. Trục opsz cho phép typeface tự động điều chỉnh chi tiết letterform khi kích thước thay đổi — mở rộng khoảng cách và mở các aperture ở kích thước nhỏ, thắt chặt tỷ lệ và tăng độ tương phản ở kích thước hiển thị. Hỗ trợ Cyrillic, Greek và tiếng Việt biến nó thành một typeface toàn cầu có khả năng cao cho hệ thống biên tập, tài liệu kỹ thuật và sách điện tử.
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
- ✓
- Tiếng Hàn Quốc
- ✗
- 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.