Choose font for UI

[dawids21]

Tools

• Google Fonts
• Type Scale - choose font sizes and check how the fonts looks like

  Interesting articles

• https://careerfoundry.com/en/blog/ui-design/beginners-guide-to-typography/
• https://careerfoundry.com/en/blog/ui-design/choosing-website-fonts/
• https://www.typewolf.com/ - check trends in typography

[dawids21]

Chosen fonts:

• primary (headings, titles) - Vollkorn 500
• secondary (body text) - Lato 400
• decorative (logo, icon) - Courgette 400

@import url('https://fonts.googleapis.com/css2?family=Courgette&family=Lato&family=Vollkorn:wght@500&display=swap');

font-family: 'Courgette', cursive;
font-family: 'Lato', sans-serif;
font-family: 'Vollkorn', serif;

[dawids21]

Remove Vollkorn

@import url('https://fonts.googleapis.com/css2?family=Courgette&family=Lato&display=swap');

font-family: 'Courgette', cursive;
font-family: 'Lato', sans-serif;