Source Serif 4
SerifVariableItalicsDesigned by Frank Grießhammer
Available Weights
CSS Import
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@200;300;400;500;600;700;800;900&display=swap');CSS Rule
font-family: 'Source Serif 4', serif;
HTML Link Tag
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
About Source Serif 4
Source Serif 4 is a serif typeface designed by Frank Grießhammer. It is a variable font offering continuous weight adjustment. Includes italic styles.
Google Fonts hosts over 1,500 open-source font families that can be used freely in any website or application.Source Serif 4 is a popular choice in the serif category, designed by Frank Grießhammer. As a variable font, Source Serif 4 offers continuous weight adjustment between its lightest and heaviest weights, providing more precise typographic control while using a single font file that loads efficiently.
To use Source Serif 4 in your project, add the CSS import or HTML link tag above to your stylesheet or HTML head. Then apply the font-family rule to your CSS selectors. For optimal performance, only load the weights you actually need and use the 'display=swap' parameter to prevent invisible text during font loading (FOIT). Consider self-hosting the font files for faster load times in production applications.