Inter + Source Serif 4
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
现代易读
实时预览
. 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.
为什么这个搭配有效
Inter 的几何精准打造出简洁现代的标题，而 Source Serif 4 传统的衬线形态则为正文带来温度与可读性。
字体样本
使用方法
HTML
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;500;600;700;800;900;400&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@200;300;500;600;700;800;900;400&display=swap" rel="stylesheet">CSS
h1, h2, h3, h4, h5, h6 {
font-family: 'Inter', sans-serif;
}
body, p, li {
font-family: 'Source Serif 4', serif;
}搭配详情
- 评分
- 8/10
- 风格
- 现代易读
- 标题
- Inter
- 标题分类
- Sans Serif
- 正文分类
- Serif
最适合
blog
documentation
news