![]()
Google Web Fonts is an online library containing hundreds of free, open-source fonts optimized for the web, maintained by Google. To use one of their fonts in your website, you browse their collection, input the required information as described below into YWD Designer, so you can then select it as the '*** External font ***' in the various 'Font' dropdowns.
Tip: to perform the steps below, you should keep two separate tabs open in you browser: one for the YWD back-end and the other for the Google Web Fonts Library.
1. Browse www.google.com/webfonts
IMPORTANT: Although most fonts in the Google library are compatible with IE8, in order to browse the library you will need to use a modern browser such as the latest version of Firefox, Safari, Chrome or Internet Explorer 9 and up. It's not possible to browse the library using Internet Explorer 8 or older.
Once you find the font you'd like to add, click the font's 'Quick-Add' link:

2. Enter the font information into YWD Designer
First, copy the information inside the 'href' part of the 'Add this code to your website:' field. Copy only the part between the 'href' quotes (highlighted in this example). Do not include the quotes themselves.

In YWD Designer, go to 'Text / Type settings / External font'. Make sure 'Google Web Fonts Library' is selected in the 'Font library to load the external font from' option.and paste it into the corresponding field:

Now switch back to the Google Library and copy the font name part inside the 'font-family:' field (highlighted in this example). Do not include the ';' character.
![]()
Go back to YWD Designer and paste it into the corresponding field:

3. Select the external font
Once you've entered the external font information, '*** External font ***' will become an option (the last one) in all the Font dropdowns throughout YWD Designer. Simply select it from the list wherever you'd like to use it:



