Source Serif 4
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://fontfyi.com/iframe/entity//" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>
Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://fontfyi.com/entity//
Add a dynamic SVG badge to your README or docs.
[](https://fontfyi.com/entity//)
Use the native HTML custom element.
Giới thiệu 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.
Bản đồ ký tự
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?
Thác độ đậm (8)
Cách sử dụng
<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
Chi tiết
- Danh mục
- Serif
- Kiểu
- transitional
- Độ đậm
- 8
- Nghiêng
- ✓
- Tiếng Hàn
- ✗
- Nhà thiết kế
- Frank Griesshammer
- Giấy phép
- OFL
- Phiên bản
- Độ phổ biến
- #111
- Lượt tải
- 174
Sử dụng giấy phép
| Sử dụng web | Được phép |
| In ấn | Được phép |
| Video / Phát sóng | Được phép |
| Đóng gói | Được phép |
| Nhúng vào ứng dụng | Được phép |
| Thương hiệu / Logo | Được phép |
| Sửa đổi | Được phép |
OFL — Miễn phí cho sử dụng cá nhân và thương mại
Hỗ trợ ngôn ngữ
Phù hợp nhất cho
Font tương tự
So sánh
Khái niệm typography
-
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.