Our Guide To Website Fonts
There are a million and one things to think about when building a website, and it’s often the little details that slip your mind. Like with most things, the tiny details can make significant impacts! Fonts are probably one of the most impactful elements of your website design, yet often the last thing to cross your mind! The fonts you use on your website should be an extension of your branding and can communicate more about your brand than words alone.
With the choice of font being a critical part of your website – how do you choose the best one? We will use this blog to help you choose the right font for your website and everything you need to consider.
[lwptoc]
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”4.9.2″ _module_preset=”default” global_colors_info=”{}” theme_builder_area=”post_content”][et_pb_column type=”4_4″ _builder_version=”4.9.2″ _module_preset=”default” global_colors_info=”{}” theme_builder_area=”post_content”][et_pb_image src=”https://morgandigital.co.uk/wp-content/uploads/2022/03/How-to-Select-the-Best-Font-for-Your-Website.png” alt=”How to Select the Best Font for Your Website” title_text=”How to Select the Best Font for Your Website” _builder_version=”4.14.9″ _module_preset=”default” global_colors_info=”{}” theme_builder_area=”post_content”][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”4.9.2″ _module_preset=”default” global_colors_info=”{}” theme_builder_area=”post_content”][et_pb_column type=”4_4″ _builder_version=”4.7.7″ _module_preset=”default” global_colors_info=”{}” theme_builder_area=”post_content”][et_pb_text _builder_version=”4.14.9″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” theme_builder_area=”post_content” sticky_enabled=”0″]How to Choose the Best Fonts for Your Website
A very conservative figure to the number of fonts to choose from would be around 500,000! That is a vast number to choose from, but you can quickly whittle that down as not all fonts are practical for websites. To be suitable to use, they must be:
- Easily read on a multitude of devices and sizes.
- Be accessible to everyone.
- Compliment your brand and message.
Things such as readability and how the font portrays your business need to be considered. You do not want to exclude people from doing business with you just because you like a font! Would everyone, including those with reading conditions such as dyslexia or requiring glasses, find it easy to read? The chances are that probably close to 80% of fonts will not be suitable for your website for one reason or another, and that is fine as 20% of 500,000 is still 10,000 fonts!
Once you have narrowed it down to some practical options, you need to consider how the font will fit in with your overall branding and design.
Font Size: Is the font you have chosen going to fit in with the text and content on your website while keeping it in line with the design? Does it fit well on different sizes of devices? You want to find the balance between your text is large enough to read without zooming or pinch zooms on mobile devices – but also not too large that it makes blocks of texts hard to read.
Font Pairings: Word of warning – font pairing can make your overall feel of your website and how it looks better – but using too many can make it worse! We would advise you to use a maximum of 2 fonts on your website, with one used for headings and navigation and one for the base texts.
Fonts We Recommend for Websites
Your choice of font should fit in with your website and your branding, but if we had to compile a list of 10 best fonts to consider for use on your website, they would be:
- Lato
- Merriweather
- Poppins
- Arvo
- Open Sans
- Work Sans
- Montserrat
- League Spartan
- Raleway
- Rubik
If you are thinking of using two different fonts for your website and looking for ideal font pairings, we would suggest looking at:
- Archivo Black & Roboto
- Lato & Merriweather
- Lato & Roboto
- Work Sans & Open Sans
- Merriweather Sans Bold & Merriweather
- Raleway & Merriweather
- Montserrat & Oswald
- Raleway & Lato
- Arvo & Roboto Regular
- Roboto Black & Roboto Mono Light
Need further advice? Get in touch with us here at Morgan Branding we have a fully dedicated team ready to help you and your business get ahead online. You can get in touch via our contact page or get social with us on Facebook, Twitter, Instagram or LinkedIn!
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row custom_padding_last_edited=”on|phone” _builder_version=”4.7.7″ background_color=”#ffffff” custom_margin=”20px|||” custom_padding=”0|0px|0|0px|false|false” custom_padding_tablet=”” custom_padding_phone=”||0px|” border_radii=”on|5px|5px|5px|5px” global_colors_info=”{}” theme_builder_area=”post_content”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||” theme_builder_area=”post_content”][et_pb_text _builder_version=”4.3.4″ text_font=”|300|||||||” text_text_color=”#232323″ text_font_size=”30px” text_line_height=”1.1em” header_font=”Advent Pro|300|||||||” header_text_color=”#000000″ header_font_size=”50px” header_line_height=”1.4em” background_size=”initial” background_position=”top_left” background_repeat=”repeat” text_orientation=”center” max_width=”660px” module_alignment=”center” custom_margin=”|||” custom_padding=”25px|10px|10px|10px” text_font_size_tablet=”52″ text_font_size_phone=”30px” text_font_size_last_edited=”on|desktop” header_font_size_tablet=”” header_font_size_phone=”29px” header_font_size_last_edited=”on|phone” locked=”off” global_colors_info=”{}” theme_builder_area=”post_content”]