Google Web Fonts
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:

Google Web Fonts - browsing



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.

Google Web Fonts - copy code

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:

Google Web Fonts - paste code


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.

Google Web Fonts - copy font name

Go back to YWD Designer and paste it into the corresponding field:

Google Web Fonts - paste font name



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:

Selecting an external font

warningWhile we know YWD's regular fonts work with all major browsers, we can't guarantee all Google's Web Fonts will be compatible. If you choose to use one of their fonts, make sure you test it on older (but still commonly used) browsers such as IE8 and Firefox 4 .

 


Pricing plans, features and more information:
www.yourwebdepartment.com
Facebook Twitter
Floating tab
Top of page