Space Grotesk + Inter
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://fontfyi.com/iframe/entity//" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://fontfyi.com/entity//Add a dynamic SVG badge to your README or docs.
[](https://fontfyi.com/entity//)Use the native HTML custom element.
8/10
tech-modern
おすすめ
ライブプレビュー
. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
このペアリングが効果的な理由
Space Grotesk brings a distinctive tech-forward personality to headlines while Inter's neutrality lets body content breathe. Perfect for tech products.
タイプスペシメン
使い方
HTML
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;500;600;700;400&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;500;600;700;800;900;400&display=swap" rel="stylesheet">CSS
h1, h2, h3, h4, h5, h6 {
font-family: 'Space Grotesk', sans-serif;
}
body, p, li {
font-family: 'Inter', sans-serif;
}ペアリング詳細
- スコア
- 8/10
- ムード
- tech-modern
- 見出し
- Space Grotesk
- 本文
- Inter
- 見出しカテゴリ
- Sans Serif
- 本文カテゴリ
- Sans Serif
最適な用途
saas
tech
developer-tools