To read more about how to use Source Sans in IDS, see our typography page.
Source Sans Pro is a set of OpenType fonts that have been designed to work well in user interface (UI) environments.
It is no longer recommended to use fonts.googleapis
to use the fonts because it can cause some issues:
a) because Google fonts violates GDPR b) if application needs to run without an internet connection c) because some countries google links may be banned
For this reason we recommend you serve the files with your application. All the needed fonts can be found in this folder
-
Serve all the
woff2
files in a folder on the server thats available to the app. These fonts can use caching if possible. Note that there are a lot of files because Source Sans is not available in some languages so alternatives are used as noted on this page -
The OFL.txt is the license
-
The README.md is this file
-
Then include font-face.css in the page before the
theme-light-new.css
(or whatever soho css file)
<link rel="stylesheet" id="font-face" href="/css/font-face.css" type="text/css" />
<link rel="stylesheet" id="sohoxi-stylesheet" href="{{basepath}}css/theme-new-light.css" type="text/css"/>
If you just want to include the main font and no languages and dont care about the above. For example for testing ect you can use the CDN.
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600&display=swap" rel="stylesheet">
Installing the font may be needed for some design tools to accurately reflect the font.
- Mac OS X Mac users can install the OTF version by going into
/font/OTF/
and installing all variants into Font Book. - Windows
- Linux/Unix-based systems
For information about the design and background of Source Sans, please refer to the official font readme file.