In web development design is not to be neglected. Very often we need to take care of fonts. Having usability in mind we mostly aim for "clean" fonts such as Arial and Verdana. But "fearless" among us (that often means those with lack of experience) sometimes want to "spice up" their website, to make it different from the rest and to give it something to stick it out.
This is the work that requires manual coding and/or uploading fonts to a server. For an experienced designer this shouldn't be a demanding task but even they try to avoid it if they can. In order to make this task easier front end developers can use Google fonts which requires only to insert a font URL in the HTML document and integrate it in the CSS document. This simple method gets even simpler with Gantry 5 framework which allows designers to choose fonts without manual coding. After all, it is a lot easier to explain clients how to choose fonts in Gantry administration than to teach them how to code in a CSS document.
To use Google fonts you need to manually place a URL in the HTML document and integrate it into CSS
In the Styles tab of the Gantry 5 Hydrogen theme in the section Core Styles there are several options to choose for font styling. Base Background is the body background color and it doesn't affect backgrounds of a sidebar, header and footer, Base Text Color is the color of the website content, Heading Font is the font for titles and it affects titles of modules which can be placed in a sidebar, header and footer.
Core Styles in Gantry 5 administration where you can change font settings
If we want to change the font of an article title, we can write fonts name in the text field or we can choose it from the list which we access via A icon. When the list opens we can search fonts, choose among several groups of fonts or choose a subset in order to focus on a certain scripting, for example if you need a font with diacritical marks. In this case it is useful to choose Latin Extended. Fonts can have some aditional options like styles (normal, bold, italic) and charsets, like diacritical marks.
Subsets let you choose fonts with charsets of your interest
you only need to find and choose a font of your liking. Of course, keep in mind that your chosen font has to be readable and that it doesn't require website visitors to zoom the page to read the text. It's nice to have a font that looks like a handwriting but user experience is one of our main goals.