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
modern-readable
Xem trước trực tiếp
. 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.
Tại sao cặp này hiệu quả
Inter's geometric precision creates clean, modern headlines while Source Serif 4's traditional serif forms bring warmth and readability to body text.
Mẫu chữ
Cách sử dụng
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;
}Chi tiết cặp font
- Điểm số
- 8/10
- Tâm trạng
- modern-readable
- Tiêu đề
- Inter
- Thân bài
- Source Serif 4
- Danh mục tiêu đề
- Sans Serif
- Danh mục thân bài
- Serif
Phù hợp nhất cho
blog
documentation
news