A few years ago, on a dedicated font page within the Google Fonts service, there was a handy list of additional fonts that complemented the selected primary font. This feature provided a convenient tool for font pairing, despite the fact that font compatibility depends on the specific purpose and goals of their usage. Unfortunately, Google decided to remove this feature. As for this project, it initially started as a tool for personal use for someone close who was taking their first steps in web design. The main task was to seamlessly merge two texts and adjust their styles using free and readily available fonts. Later on, the decision was made to turn this tool into a fully-fledged but mini-project, incorporating a few additional features. Certainly, there are services on the internet with a similar concept, but, in my opinion, they do not offer the necessary text style customization options. At least, I did not find what I consider essential when it comes to font compatibility.

Customizing compatible fonts

Compatible fonts for the Google Fonts collection

Compatible fonts for the Google Fonts collection