Source Sans 3 font usage
Either there is a bug or there is incorrect documentation.
The usage of Sans 3 font mentioned in the Sans 3 font page on Adobe website
https://fonts.adobe.com/fonts/source-sans-3#licensing-section
/************************************
font-family: source-sans-3, sans-serif;
************************************/
The version found in Sans 3 CSS file on GitHub source code.
/************************************
font-family: 'Source Sans 3';
************************************/
Both look different, which one is the correct usage. Shouls the adobe website need correct?
-
The font-family name is defined in font-face rule you use to load the font files into your website, and may vary between sources as you see here.
The suggested font-face definition from the public repo uses a font-family name with spaces in it: Source Sans 3
@font-face{
font-family: 'Source Sans 3';
font-weight: 200;
font-style: normal;
font-stretch: normal;
src: url('WOFF2/TTF/SourceSans3-ExtraLight.ttf.woff2') format('woff2'),
url('WOFF/OTF/SourceSans3-ExtraLight.otf.woff') format('woff');
}
The font-face definition provided by Adobe Fonts, however, defines the font-family with hyphens source-sans-3.
You can use the font-family name that matches how they are loading the fonts: source-sans-3