Font Finder iconFont Finder
serif1 StyleTransitional Didone SerifOpen Source (OFL-1.1)

DM Serif Display

Designed by Colophon Foundry. Released via Google Fonts Repository.

DM Serif Display is an official open-source serif font hosted on Google Fonts, designed for high performance web and app UI.

ContrastMedium
WidthNormal
x-HeightMedium
Serif TypeModern

Interactive Type Sandbox

Test custom text, modify optical sizes, and cycle font weights in real time.

Size:42px
Weight:

The quick brown fox jumps over the lazy dog.

Pangrams:

Styles & Weights (1)

Full typographical specimen lines for each verified weight in the family.

Weight 400Regular
font-weight: 400;

Sphinx of black quartz, judge my vow. 1234567890

Embed & Integration Snippets

Copy code ready for HTML heads, CSS stylesheets, or modern Tailwind CSS projects.

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=DM+Serif+Display:wght@400&display=swap" rel="stylesheet">
CSS @import
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:wght@400&display=swap');
CSS Font Family Rule
font-family: 'DM Serif Display', serif;
Tailwind CSS v4 @theme configuration
@theme {
  --font-dm-serif-display: 'DM Serif Display', serif;
}

Verified License & Commercial-Use Rights

License Specification:

SIL Open Font License 1.1 (OFL-1.1)

This font is licensed under the SIL Open Font License, Version 1.1. It allows free usage, bundling, embedding, and modification for personal, educational, and commercial projects, provided the font files themselves are not sold individually.

Permitted Usages:

  • ✓Commercial client projects, web design, and digital applications
  • ✓Print collateral, packaging, logos, and advertising
  • ✓Self-hosted web font embedding via @font-face
  • ✓Software distribution and game asset bundling (with license text included)

Browse Other Typography Categories

Discover typefaces by structural classification for responsive websites, apps, print, and editorial design.