Install FontSwap
Schibsted Grotesk
About Schibsted Grotesk
- Source
- Google Fonts ↗
- Classification
- sans-serif
- Weights
- Variable (100-900)
- Features
- Variable, Italics
Free to use, modify, and distribute. Can be used commercially without attribution.
What's allowed?
- ✓ Client work
- ✓ SaaS / Web apps
- ✓ YouTube / Video
- ✓ Sell products
- ✓ Print materials
Note: Derivative fonts must use the same license.
Full license guide →Schibsted Grotesk is a neo-grotesque typeface commissioned by Schibsted, one of Scandinavia's largest media groups. Designed for editorial use, it carries the clarity and neutrality expected of a news typeface while retaining enough personality for brand recognition.
Best Use Cases
Schibsted Grotesk works well for:
- News and media: Article text, navigation, headlines
- Publishing platforms: Blog typography, newsletter design
- Corporate communications: Reports, presentations, brand materials
- Product UI: Clean interface text with editorial character
Usage Tips
With weights from Regular (400) to Black (900) plus italics, Schibsted Grotesk handles editorial hierarchy well. Use 400-500 for body text at 16px+ and heavier weights for headlines. The editorial DNA makes it a natural pairing with serif body fonts for long-form content.
Is Schibsted Grotesk on Google Fonts?
Yes, Schibsted Grotesk is available for free on Google Fonts. Get Schibsted Grotesk on Google Fonts ↗
Alternative For (5)
Schibsted Grotesk is a free alternative to the following premium fonts:
Editorial grotesque with Scandinavian design heritage
Editorial grotesque with Scandinavian media heritage
Compare Schibsted Grotesk
See how Schibsted Grotesk compares to other fonts side by side.
Variable Font Axes
Schibsted Grotesk is a variable font with 1 axis you can fine-tune.
| Axis | Min | Default | Max |
|---|---|---|---|
| wght | 400 | 400 | 900 |
How to Use Schibsted Grotesk
Copy these code snippets to quickly add Schibsted Grotesk to your project.
CSS code for Schibsted Grotesk
@import url('https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:wght@100..900&display=swap');HTML code for Schibsted Grotesk
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:wght@100..900&display=swap" rel="stylesheet">Tailwind code for Schibsted Grotesk
// tailwind.config.js
module.exports = {
theme: {
extend: {
fontFamily: {
'schibsted-grotesk': ['"Schibsted Grotesk"', 'sans-serif'],
},
},
},
}
// Usage in HTML:
// <p class="font-schibsted-grotesk">Your text here</p>Next.js code for Schibsted Grotesk
// Using next/font (Next.js 13+)
import { Schibsted_Grotesk } from 'next/font/google';
const schibsted_grotesk = Schibsted_Grotesk({
subsets: ['latin'],
weight: ['100', '200', '300', '400', '500', '600', '700', '800', '900'],
});
export default function Component() {
return (
<p className={schibsted_grotesk.className}>
Your text here
</p>
);
}
// Or using inline styles with Google Fonts link:
// <p style={{ fontFamily: '"Schibsted Grotesk"' }}>Your text</p>Expo and React Native code for Schibsted Grotesk
// Install: npx expo install @expo-google-fonts/schibsted-grotesk expo-font
import { useFonts, Schibsted_Grotesk_400Regular } from '@expo-google-fonts/schibsted-grotesk';
export default function App() {
const [fontsLoaded] = useFonts({
Schibsted_Grotesk_400Regular,
});
if (!fontsLoaded) return null;
return (
<Text style={{ fontFamily: 'Schibsted_Grotesk_400Regular' }}>
Your text here
</Text>
);
}