- Practical Web Design
- Philippe Hong
- 174字
- 2021-08-27 18:29:44
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=1739571451-WiCu9wfCEjvDCDTIDlrVLuKBsdV0hoKR-0-7af81da4bc4879808ba786cd1bb90d4c)
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=1739571451-nCQf8KJcjyb3azsCNzusg0Qeer8LEUQm-0-5a52d982005b395fe235ee7fedadcdfc)
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=1739571451-t9OfsrIhn1KydVvgtEdZcLhZQOy6brQP-0-38994d57b3c592221e7599b431f07a31)
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/.