npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

public-sans

v0.1.7-1

Published

A neutral sans-serif typeface from USWDS

Downloads

39

Readme

Public Sans (unofficial NPM version!)

TODO

  • Transfer module to @uswds

Current font files for the Public Sans typeface. This typeface is based off of https://github.com/impallari/Libre-Franklin

Usage

  • Webfonts are available in binaries/webfonts
  • Opentype fonts for installing locally and for print applications are available in binaries/otf
  • Variable fonts should be considered experimental, but can be found in binaries/variable
  • Source files are available in src as both Glyphs files and as UFO + Designspace.

Design principles

  • Be available as a free, open source webfont on any platform.
  • Use metrics similar to common system fonts for smoother progressive enhancement.
  • Have a broad range of weights and a good italic.
  • Perform well in headlines, text, and UI.
  • Be straightforward: have as few quirks as possible.
  • Have good multilingual support.
  • Allow for good data design with tabular figures.
  • Be strong and neutral.
  • Encourage continuous improvement — strive to be better, not necessarily perfect.

How Public Sans differs from Libre Franklin

Public Sans is a fork of the SIL Open Licensed face Libre Franklin. Public Sans has many similarities with its parent, but differs enough in its particulars that its effect is distinct.

sample text

Adjusted vertical metrics. Public Sans is about 2% shorter than Libre Franklin, and has slightly looser default line spacing.

line height

Tailed lowercase l. The lowercase l character has a hooked tail for disambiguation. (There is also an optional untailed l .)

tailed el

Regularized stroke weight. Public Sans provides a more regular letterform from the conventional Franklin shape for a cleaner, more consistent letterform, especially at small sizes.

regularized

Non-rounded vertices. Conventional angled vertices result in a sharper, stronger form.

squared

Narrower characters. Public Sans is narrower, especially in rounded characters like lowercase e to help with reading flow, especially in longer texts.

squared

Looser letterspacing. Public Sans has relatively loose letterspacing for reading, especially when compared with Libre Franklin, which is quite compact.

squared

Redrawn characters. Public Sans tends to use more consistent curves in its letterforms and has a focus on a smooth shape for its counters.

squared

Overall, Public Sans differs from Libre Franklin in its focus on longform reading and neutral UI applicability. It takes inspiration from geometric sans faces of the 20th century, as well as the original Franklins of the 19th, resulting in something of a mongrel face that retains its American origin.

Public Sans and comparable sans-serif faces

Public Sans is designed to be a progressive enhancement webfont, and to work well with Apple and Google system fonts as the base in its font stack. It's designed to have metrics most similar to SF Pro Text (the Apple system font) and to fall somewhere between SF Pro Text and Roboto (the Google system font) in its overall size and appearance. If a user's machine does not display webfonts, sites designed with Public Sans should appear close to the designer's intention.

Public Sans is a good option for sites that currently use Open Sans, Tahoma, Libre Franklin, Arial, or Helvetica.

Public Sans is sized somewhere between SF Pro Text and Roboto

squared

squared

Text set in Public Sans has a similar shape and color to SF Pro Text

squared

Additional features

Tabular figures (monospaced numerals)

squared

License

Public Sans is licensed under the SIL Open Font License, Version 1.1

License of USWDS’s Modified Version is based on the Libre Franklin SIL Open Font License, Version 1.1 section of LICENSE.md. The terms and conditions for modifications made to the original font by USWDS in the USWDS Modified Version can be found at https://github.com/uswds/public-sans/blob/master/LICENSE.md.