• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Feast Design Co.

WordPress Themes for Food & Lifestyle Bloggers

  • Themes
  • Feast Plugin
  • Blog
  • Support
  • Tutorials
  • Nav Social Menu

    • Email
    • Facebook
    • Instagram
    • Twitter
menu icon
go to homepage
  • Feast Plugin
  • Support
  • Tutorials
  • Account
    • Facebook
    • Instagram
    • Twitter
  • search icon
    Homepage link
    • Feast Plugin
    • Support
    • Tutorials
    • Account
    • Facebook
    • Instagram
    • Twitter
  • ×

    Home » News & Updates

    Fonts

    Published: Mar 4, 2021 · Modified: Apr 13, 2021 by Skylar · Leave a Comment

    Custom fonts are a disaster in 2021, with issues relating to:

    • CLS (inconsistent ligature sizes, letter spacing, questionable font-display recommendations)
    • Font weights (bold, italic, etc)
    • Pagespeed (external header calls, rendering)
    • Accessibility (font size, color, and how readable a font is in non-optimal conditions on a phone)
    • Uncertainty around whether to externally host or self-host

    Currently, we recommend simply disabling Google Fonts via the Feast Plugin. We'll be releasing an update through the Feast Plugin to fall back to websafe fonts, and eventually revisit custom fonts if Google release updated guidelines with the May pagespeed update.

    Supporting custom fonts in a way that isn't simply visual but accommodates pagespeed, CLS, accessibility and maintains branding consistency simply requires a developer to manually implement on a site-by-site basis.

    Jump to:
    • Web safe fonts
    • Further reading

    Web safe fonts

    Here is a list of web safe fonts that are generally okay to use.

    • Arial
    • Brush Script MT
    • Comic Sans
    • Courier New
    • Garamond
    • Georgia
    • Helvetica
    • Impact
    • Lucida Console
    • Palatino
    • Tahoma
    • Times New Roman
    • Trebuchet MS
    • Verdana

    Further reading

    Further reading:

    • https://wp-rocket.me/blog/self-hosting-google-fonts/
    • https://kinsta.com/blog/html-fonts/
    • https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/webfont-optimization
    • https://dev.to/kelli/how-to-self-host-google-fonts-on-your-own-server-d4i
    • https://opensource.com/article/19/3/webfonts
    • https://css-tricks.com/google-fonts-and-font-display/
    • https://developers.google.com/web/updates/2016/02/font-display
    • https://www.industrialempathy.com/posts/high-performance-web-font-loading/
    • https://systemfontstack.com/

    More

    • GA4
    • Modern 404
    • Focus
    • Process Shots

    Reader Interactions

    Leave a Reply Cancel reply

    Your email address will not be published. Required fields are marked *

    Primary Sidebar

    Themes

    • Feast Plugin grants access to all 5 themes
    • Not sure where to start? See the getting started guide

    Feast Plugin

    • Feast Plugin
    • Modern Homepage
    • Modern Sidebar
    • Modern Footer
    • Modern Mobile Menu
    • Modern Menu
    • Modern Recipe Index
    • Modern Categories
    • Modern 404
    • Recipe Update Checklist
    • Recipe Post Template

    Resources

    • Image optimization
    • Recipe Guidelines for Foodie Bloggers
    • How to write a recipe post
    • Page headings
    • SEO for Food Bloggers
    • Tutorials
    • Pagespeed Audit
    • Comments
    • Internal links

    more resources →

    Categories

    • Modern Recipe Index
    • Modern Categories
    • Posts per Page
    • How to use categories
    • Category pages need content
    • How to configure the category pages
    • Food blog site structure
    • Food blog page structure

    Classic themes

    The classic themes are only for hobby sites and any food blog interested in monetizing or SEO needs the Feast Plugin.

    • Foodie Pro Classic
    • Brunch Pro Classic
    • Cook'd Pro Classic
    • Cravings Pro Classic
    • Seasoned Pro Classic

    Footer

    ↑ back to top

    Topics

    • Food Blog Design and Appearance
    • Productivity
    • Tech and Plugins
    • Food Blogging and Promotion
    • Minimalist WordPress Themes
    • Simple WordPress Themes
    • Travel blogs
    • Knitting + DIY blogs

    Help

    • Documentation & Tutorials
    • Food Blogging Resources
    • Open A Support Ticket
    • Login
    • Your Account
    • Subscriptions
    • Downloads
    • Discounts and Coupons
    • Compatibility

    Company

    • Subscribe to newsletter
    • Privacy Policy
    • Refund policy
    • Terms & Conditions
    • Principles and Best Practices
    • Affiliates
    • Contact

    Copyright © 2023 · Feast Design Co.

    Results not typical or guaranteed. Our themes and plugins are just a small part of the overall effort involved in running a food blog. Nothing on this website shall constitute legal or financial advice, always consult a local lawyer and accountant. Accessing this website and all transactions herein are under the laws and jurisdiction of Toronto, Ontario, Canada.