星贝工具

字体配对工具

Web字体组合预览和推荐，找到完美的字体搭配

标题字体

Georgia
Georgia, serif
Times
Times New Roman, Times, serif
Baskerville
Baskerville, Baskerville Old Face, Hoefler Text, Garamond, Times New Roman, serif
Caslon
Caslon, Big Caslon, Bodoni MT, Didot, Hoefler Text, Garamond, serif
Garamond
Garamond, Baskerville, Caslon, Times New Roman, serif
Playfair Display
Playfair Display, Baskerville, Georgia, serif
Merriweather
Merriweather, Georgia, serif
Lora
Lora, Georgia, serif
Arial
Arial, Helvetica, sans-serif
Helvetica
Helvetica, Arial, sans-serif
Roboto
Roboto, Arial, sans-serif
Open Sans
Open Sans, Arial, sans-serif
Lato
Lato, Arial, sans-serif
Montserrat
Montserrat, Arial, sans-serif
Poppins
Poppins, Arial, sans-serif
Raleway
Raleway, Arial, sans-serif
Nunito
Nunito, Arial, sans-serif
Source Sans Pro
Source Sans Pro, Arial, sans-serif
Courier
Courier New, Courier, monospace
Monaco
Monaco, Consolas, monospace
Menlo
Menlo, Monaco, Consolas, monospace
Fira Code
Fira Code, Monaco, Consolas, monospace
Source Code Pro
Source Code Pro, Monaco, Consolas, monospace

正文字体

Georgia
Georgia, serif
Times
Times New Roman, Times, serif
Baskerville
Baskerville, Baskerville Old Face, Hoefler Text, Garamond, Times New Roman, serif
Caslon
Caslon, Big Caslon, Bodoni MT, Didot, Hoefler Text, Garamond, serif
Garamond
Garamond, Baskerville, Caslon, Times New Roman, serif
Playfair Display
Playfair Display, Baskerville, Georgia, serif
Merriweather
Merriweather, Georgia, serif
Lora
Lora, Georgia, serif
Arial
Arial, Helvetica, sans-serif
Helvetica
Helvetica, Arial, sans-serif
Roboto
Roboto, Arial, sans-serif
Open Sans
Open Sans, Arial, sans-serif
Lato
Lato, Arial, sans-serif
Montserrat
Montserrat, Arial, sans-serif
Poppins
Poppins, Arial, sans-serif
Raleway
Raleway, Arial, sans-serif
Nunito
Nunito, Arial, sans-serif
Source Sans Pro
Source Sans Pro, Arial, sans-serif
Courier
Courier New, Courier, monospace
Monaco
Monaco, Consolas, monospace
Menlo
Menlo, Monaco, Consolas, monospace
Fira Code
Fira Code, Monaco, Consolas, monospace
Source Code Pro
Source Code Pro, Monaco, Consolas, monospace

推荐组合

实时预览

设计之美

好的字体搭配能够提升用户体验，让内容更容易阅读。标题字体需要有力量感和辨识度，而正文字体则需要良好的可读性和舒适性。

副标题

这是一个副标题和正文的小尺寸预览，展示字体在不同尺寸下的效果。

引用标题

"优秀的字体设计是无形的，它让内容自然流动，而不是喧宾夺主。"

字体设置

标题设置

0px

正文设置

可读性分析

标题可读性优秀
正文可读性优秀

CSS代码

/* 标题字体 */
h1, h2, h3, h4, h5, h6 {
  font-family: Montserrat, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 0px;
}

/* 正文字体 */
p, span, div {
  font-family: Raleway, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.5;
}
© 2026 星贝工具