Source Sans 3 Web Fonts

The main, free, open-source web font hosted at and used by Osnabrück University. Use this in your own university projects.

Font Preview

ExtraLight (200) - The quick brown fox jumps over the lazy dog

Light (300) - The quick brown fox jumps over the lazy dog

Regular (400) - The quick brown fox jumps over the lazy dog

Medium (500) - The quick brown fox jumps over the lazy dog

SemiBold (600) - The quick brown fox jumps over the lazy dog

Bold (700) - The quick brown fox jumps over the lazy dog

Black (900) - The quick brown fox jumps over the lazy dog

How to Use Source Sans 3

1. Add CSS Link in Your HTML Head

<link href="https://fonts.uni-osnabrueck.de/css/source-sans-3.css" rel="stylesheet">

2. Use the Font in Your CSS

body {
  font-family: 'Source Sans 3', sans-serif;
  font-weight: 400;
  font-size: 16px;
}

h1 {
  font-family: 'Source Sans 3', sans-serif;
  font-weight: 700; /* Any weight: 100-900 */
}

strong {
  font-weight: 600;
}

/* Using any weight value */
.light-text {
  font-weight: 300;
}

.medium-text {
  font-weight: 500;
}

3. Use Italic Styles

em, i {
  font-family: 'Source Sans 3', sans-serif;
  font-style: italic;
  font-weight: 400;
}

.italic-bold {
  font-style: italic;
  font-weight: 700;
}

Alternative: Direct @font-face

@font-face {
  font-family: 'Source Sans 3';
  src: url('https://fonts.uni-osnabrueck.de/fonts/SourceSans3-VF.woff2') format('woff2');
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans 3';
  src: url('https://fonts.uni-osnabrueck.de/fonts/SourceSans3-VF-Italic.woff2') format('woff2');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

About Source Sans 3

Source Sans 3 is a free, open-source sans-serif typeface family designed by Adobe for user interface environments. This hosting uses Variable Font technology for optimal performance.