Choosing the right fonts for a creative project or website can be extremely time consuming since there are thousands of fonts out there.
I love serif typefaces. I include them in all my WordPress themes. I have an authentic arsenal on my computer!
Serif fonts have structural and delicate details at the end of each letter to help achieve that much needed traditional touch to your design.
If you really want to create a professional design work with a quality aspect, you must choose among the best serif fonts available and if they are little known, it will catch the attention of your readers.
Looking for the best serif font collection for your graphic design or website?
I have compiled together 12 premium serif fonts for a Website.
Where to download these free fonts:
Silk Setif // Fragile // Sunflora // Solitas // Hello Paris // Imbue // Coachella // Merova // Musetta // Butler // Soria // Vanity
TIP: I always recommend a test drive from the source before buying. Enter the words you want to use before. I won’t lie to you, there were times when I loved a font until I saw how a letter formed and it didn’t work for my project.
How I use serif fonts in my Divi 5 themes
Most of my WordPress themes use a serif for the headings, because it instantly makes a website feel more elegant and personal. These are some I rely on:
- Free Google serifs: DM Serif Display in Marlee, Newsreader in Marie, Bentham in Olivia Pro, PT Serif in Meryl and Sorts Mill Goudy in Vivien Pro.
- Display serifs with a more premium, editorial feel: Migra in Hattie and Butler in Kathy.
Tips for using a serif font on your website
- Keep display serifs for big headings (around 32px and up). At small sizes their fine details disappear.
- Pair them with a simple sans serif for body text, such as DM Sans, Lato or Noto Sans.
- Load only the weights you use. Every extra weight adds a file your visitors have to download, and that slows your site down.
- Always check the licence before using a premium font on a client or business website.
0 Comments