← Back to release summary

Precise src: local() matching in CSS @font-faces by PostScript and Full Font Name

Category

CSS

Type

New or changed feature

Status

Enabled by default (Chrome 77)

Intent stage

Start prototyping

Summary

Precisely match locally installed fonts by PostScript name or full font name, when used in a local() value to a src: descriptor in a @font-face declaration. This means, you can precisely and uniquely select local fonts by specifying their PostScript name or full font name. Previously Blink had implemented this incorrectly and was using the specified font name to perform a family match.

Motivation

Preferring local fonts when a suitable local copy is available avoids network round trips.

Standards & signals

• Specification: https://drafts.csswg.org/css-fonts-4/#local-font-fallback
• Firefox: Shipped/Shipping
• Safari: Shipped/Shipping
• Web developers: Positive — 39 stars on mentioned issue.
• Tracking bug: https://bugs.chromium.org/p/chromium/issues/detail?id=627143

Docs: https://bugs.chromium.org/p/chromium/issues/detail?id=828317

Explainers: Established part of the CSS Fonts spec.

View on chromestatus.com