Today we will learn together how to choose the right font for your web project and what types of Google Fonts are commonly used in web design.
Why is it important to choose a font for your website?
Usually when designing a web, we are often concerned with the issue of how to make the UI / UX component highly aesthetic in the website. However, in my opinion, there is also a very important factor that affects the entire website. The overall design of that website is the Font. It will help you make an impression, convey emotional messages the first time when customers use your website. In addition, choosing a font also helps to increase the legibility and readability of the website.
Use Fonts For Web Design?
Set font size in web page
The font size is based on the amount of words you have in your website content. If you don't have a lot of text and use mainly annotations or comments, you should choose a font size of 22px. If you have a lot of text in your website, you can choose a smaller font of about 18px to increase readability for users.
Should choose one or more fonts in web project?
Using a font in the website will make your website monotonous, not creating a highlight for the content we want to target users. If we use too many fonts, the website will look very messy and not bring focus, attention and readability for users. In my opinion, you should use a combination of 2 fonts or 4 fonts depending on the level of text and your content in the website.
Choose the font depending on the content in the website
Usually when users read the content on the website, most of them will skim to get the information Only then, if there is a feeling of interest, will customers read each paragraph in detail on your website. I have some notes when setting the font as :
- Use large font size for important headings.
- Subheadings should use a smaller font size and be bold to differentiate their content.
- Paragraph spacing in web pages should not be too small as it will make it difficult to read for user.
Cobine Font And Color
Many times, using too many colors for website content will have the opposite effect because it will affect the importance of the information we want to convey to users. In my opinion, we should follow Google's design trend that focuses on minimalism. Only really highlight the extremely important information in the website such as logo, title and call to action buttons.
Why Use Google Font For Your Website?
It's great when Google Font was born, it makes it easy for us to use fonts with high aesthetics for websites without having to pay for use (open source) and can be applied to many types. Web projects vary from personal or for commercial websites. Google font can also be used on many popular browsers today such as Google Chrome, Firefox, Opera, Safari, Opera and Edge. There is also a point I really like about Google Font that is convenience. You can easily apply fonts to your website through the use of a CDN and improve website speed.
Best Google Fonts For Websites
Font Open Sans
Font Abhaya Libre
Font Work Sans
Useful Tools For Choosing Fonts
Font Combinations Canva
I hope the article will provide you with more information, tools, and useful font websites for web development and design, and if you have any questions, just send an email and I will respond as soon as possible. . I hope you continue to support the site so that I can write more good articles. Have a nice day!