Source Sans Pro typeface notes
You can find here my notes for the Source Sans Pro typeface. Source Sans was designed by Paul D. Hunt and is licensed under the SIL Open Font License, Version 1.1.
- Opinions & notes
- Character support
- Weights & styles
- OpenType features
- Interesting characters
Opinions from the creators and other credible sources. In the end, there are some personal notes.
The design was inspired by American gothics, however, some traits such as the tail on the lowercase l are more reminiscent of humanist typefaces.
The slightly condensed letterforms of Source Sans Pro make it ideal for user interfaces where space is a concern.
A note from Captain obvious: it also has the modulated stroke of the humanist typefaces.
Source Sans is a classic grotesque typeface with a simple, unassuming design.
In UI screenshots, Source Sans feels more classically typographic than I would expect.
- Arguably the best and most complete family on Google fonts. Don’t forget that the Source family includes a serif (Source Serif Pro) and a monospace version (Source Code Pro). Additionally, there is an alternative for the monospace version called Hasklig that includes code ligatures.
- It supports Greek and they are awesome.
- Project on GitHub.
- Typewolf review.
- Typographica review.
- Source Sans Pro in beautiful web type.
- An NPM package I made for Source Sans Pro with Unicode subsets.
- An example repo that uses the package.
All the notes and the interactive controls below are for the variable version of Source Sans Pro; you can see the exact version I used below.
Version 3.006; hotconv 1.0.111; makeotfexe 2.5.65597
A peep at some distant orb has power to raise and purify our thoughts like a strain of sacred music, or a noble picture, or a passage from the grander poets. It always does one good.
Source Sans Pro supports 52 layout features. It supports features essential for body text, such as old-style numbers (
onum), proportional numbers (
pnum), small caps, and it also has a ton of stylistic sets and character variants. The following table shows some of the most interesting to me:
|g||g||Single story lower case g|
|l||l||Lower case l without a tail.|
|a||a||Double story lower case a with a tail|
|a g l||a g l|
According to Wakamai Fondue, it has 1436 characters and 2194 glyphs. The font files cover the majority if not all of the following Unicode sets.
|Latin Extended-B||probably below 50%|
|Spacing Modifier Letters|
|Combing Diacritical Marks|
|Latin Extended Additional|
Total characters = 17. This means that the typeface supports only specific languages/characters from these Unicode blocks.
|Phonetic Extensions||14 chars|
|Phonetic Extensions Supplement:||3 chars|
It has 6 weights with matching italics. It also comes in a variable font format with a
weight variation axis that supports weights from 200 to 900.
Other things to read
- Reveal animations on scroll with react-spring
- Gatsby background image example
- Extremely fast loading with Gatsby and self-hosted fonts