Extract and expose `postscriptName` & `fullName` from font metrics

seek-oss / capsize

Flipping how we define typography in CSS.

MIT License

1.48k stars 37 forks source link

The font metrics returned now include the postscriptName and fullName properties as authored by the font creator.

For example:

// Arial Regular metrics
{
  "familyName": "Arial",
  "fullName": "Arial",
  "postscriptName": "ArialMT",
  ...
}

// Arial Bold metrics
{
  "familyName": "Arial",
  "fullName": "Arial Bold",
  "postscriptName": "Arial-BoldMT",
  ...
}

These values are particularly useful when constructing CSS @font-face declarations, as they can be used to specify local(\<font-face-name>) sources. MDN recommends using both “to assure proper matching across platforms”.

@font-face {
  font-family: "Web Font Fallback";
  src: local('Arial Bold'), local('Arial-BoldMT');
  font-weight: 700;
  ascent-override: 89.3502%;
  descent-override: 23.1683%;
  size-adjust: 108.3377%;
}

seek-oss / capsize

Extract and expose `postscriptName` & `fullName` from font metrics #195

🦋 Changeset detected