Source Serif 4

Serif transitional by Frank Griesshammer #111 on Google Fonts
Download Google Fonts
Weight

About Source Serif 4

Source Serif 4 karya Frank Griesshammer adalah evolusi matang dari keluarga Source Serif, pasangan serif Adobe untuk Source Sans — dengan perubahan penting berupa penambahan arsitektur variabel penuh. Sumbu wght dan opsz yang terintegrasi memungkinkan penyesuaian halus dari light display hingga bold body text, dan format variable font-nya menjadikannya sangat efisien untuk penggunaan web. Desainnya yang humanis dan terbuka mendukung keterbacaan pada teks panjang sambil mempertahankan kecanggihan editorial.

Character Map

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

Weight Waterfall (8)

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

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
✓
Korea
✗
Designer
Frank Griesshammer
License
OFL
Version
Popularity
#111

License Usage

Web useAllowed
PrintAllowed
Video / BroadcastAllowed
PackagingAllowed
App embeddingAllowed
Brand / LogoAllowed
ModificationAllowed

OFL — Free for personal & commercial use

Language Support

cyrillic cyrillic-ext greek latin latin-ext vietnamese

Best For

body-text editorial documentation

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.

Articles About Source Serif 4

Typography Fundamentals
Serif vs. Sans-Serif for the Web: The Definitive Comparison
 Font Selection
Typography for Legal and Financial Websites
 Font Reviews
Playfair Display vs EB Garamond: Serifs Compared
 Font Reviews
Merriweather vs Lora: Best Serif for Body Text?