![Practical Web Design](https://wfqqreader-1252317822.image.myqcloud.com/cover/940/36699940/b_36699940.jpg)
上QQ阅读APP看书,第一时间看更新
Don't use too much typeface
This advice I always give to young designers because they tend to use too many fonts in their design, too much excitement I guess. Try to be consistent with your design, I would recommend using one to three different typefaces, but no more. Playing with a Serif as a headline and a Sans serif as a body of text is a good pairing.
Here are some examples of good combinations:
![](https://epubservercos.yuewen.com/C69603/19470394201570106/epubprivate/OEBPS/Images/4c6ebd7e-1745-4a8c-ab28-d2c3aa0bac0d.png?sign=1739487688-0NodSZwR8AtEZVXilL9yb8owt9cHCSJg-0-dc2601998b1893eac6823a6e8773cc10)
A combination of Playfair and Futura ( https://www.dogstudio.co/)
Another good combination:
![](https://epubservercos.yuewen.com/C69603/19470394201570106/epubprivate/OEBPS/Images/42f79cfc-1a82-4ea6-a08d-7c019f0a82fb.png?sign=1739487688-b8iNlh7mCCzRD3B8yr8tsn1ZVGXvD1O8-0-322b496ac95944bfdb2f12a006330245)
Combination of GTWalsheim and Adobe Garamond ( http://www.christianaslund.com/the-new-oil-frontier)
And lastly, the combination of GT-Sectra and Futura:
![](https://epubservercos.yuewen.com/C69603/19470394201570106/epubprivate/OEBPS/Images/10b5bb61-be4f-447a-a7d0-9c8cc0387a57.png?sign=1739487688-OJTbAsxNWuC1WEhG0cJXjATkk6Y8dKxl-0-5bb09aa2b4a17e9fe6a80523971c4ce4)
Combination of GT-Sectra and Futura ( http://changegout.com/)
If you want a website to find great combinations of typography, I recommend https://fontpair.co/.
There are different ways to add fonts to your website:
- You can either use your own font and use a font generator to generate fonts that are compatible with your browsers. I recommend https://www.fontsquirrel.com/.
- You can also use Google fonts, which are free to use: https://fonts.google.com/.