Established a few years ago as a small opensource project, the Google Web Fonts project has grown to become one of the finest collections of free-to-use embedded font faces for use in websites. FontStack makes it easy(er) to embed gorgeous Google Web Fonts in your pages. It works with most RapidWeaver themes (including all ThemeFlood themes) and gives you access to the complete Google Font Directory from a single stack. That means you have access to in excess of 600 free font faces, optimised, saved and ready for use in your personal or commercial web projects.

Embedded web fonts work reliably across all major web browsers as far back as IE6. They are perfect if you want to break-away from a limited palette of web-safe fonts and improve both the clarity and professionalism of your written content. Text is rendered using the chosen font in your theme, and then switches across to using an embedded type face when ready. In the event that embedded fonts are not supported by the viewing web browser or the Google Fonts Directory in unavailable, then the text will safely fall-back to either a serif or sans-serif font. Unlike 'image text', text with embedded fonts applied can still be seen by search engines and selected or printed easily by end users of your website.

Previously known as the FontGetter stack under Stacks 1.3 and 1.4, this new version has been totally overhauled to remove previous tripping hazards, thus making the setup process easier than before. Even non-code people should feel comfortable using this stack! Edit mode presents a list of step-by-step instructions and tells you how to configure the stack. Embedded fonts are applied to any content dragged and dropped into the FontStack, or you can apply the fonts to other elements in the page using tick options or a custom CSS box. Options are provided to change the font size and line heights - often required when working with embedded font faces. You can also control if your embedded fonts are applied exclusively to screen media, print media or both. Here are a few examples of embedded font faces:

Examples

Averia Libre: The quick brown fox jumps over the lazy dog
Gorditas: The quick brown fox jumps over the lazy dog
Henny Penny: The quick brown fox jumps over the lazy dog
Londrina Sketch: The quick brown fox jumps over the lazy dog
Comfortaa: The quick brown fox jumps over the lazy dog
Handlee: The quick brown fox jumps over the lazy dog
Oleo Script: The quick brown fox jumps over the lazy dog
Sancreek: The quick brown fox jumps over the lazy dog
Poiret One: The quick brown fox jumps over the lazy dog
Ruge Boogie: The quick brown fox jumps over the lazy dog
Ruge Boogie: The quick brown fox jumps over the lazy dog
Fredericka the Great: The quick brown fox jumps over the lazy dog
Ubuntu Condensed: The quick brown fox jumps over the lazy dog
Magra: The quick brown fox jumps over the lazy dog
Podkova: The quick brown fox jumps over the lazy dog


What's the cost?

Given that the Google Web Fonts service is free for both personal and commercial use, the same ethos is extended to this stack also. So it is free to download and use in as many projects as you want. The stack makes use of a small jQuery-powered font loader script, coded by myself exclusively for RapidWeaver. As ever, donations are welcome (especially if you need the attributions removed from the source code).


What fonts are supported?

Currently the Google Font Directory hosts over 500 professional typefaces, developed by leading designers from all around the world. There are many serif, sans-serif, cursive and monospace fonts to choose from - some of which are available with the option of italics and in different weights. As new fonts are added to the Google Font Directory, these automatically become available for you to use via the FontStack.


Can I use the FontStack in a non-Stacks page?

Certainly, you can either use the PlusKit plugin by Loghound Software to @import your FontStack into multiple pages of your project. Or click onto the Google Web Fonts website, choose the fonts you want to use, and follow the setup instructions. ThemeFlood theme users can also follow the instructions set out in the theme user guide.


The font I've opted to use doesn't show, what's wrong?

If the font is not shown, then carefully check your settings. In particular, check that you have spelt the font name correctly (some fonts have weird names) and check carefully that the font weight or style you are requesting is actually supported. Some fonts lack certain weight or style variations, which could result in no font being loaded. Your computer also needs to be connected to the internet.

Please note, your use of the Google Web Fonts service is subject to acceptance of Google APIs Terms of Service:
https://developers.google.com/terms/
 

Contribute

If you find this stack element useful in your personal or commercial web projects; please consider making a small contribution towards ongoing support and updates. There are many different ways you can contribute to the Stacks4Stacks project, and benefits for doing so.

Stacks4Stacks

Stacks4Stacks provides quality stack elements for RapidWeaver, backed by fast and friendly expert support direct from the developer. All stacks are intended for use with the Stacks plugin and can be used in both fixed-width and responsive page layouts. These stacks can help you achieve new things in your web development projects, meet client objectives and basically get jobs done a whole lot faster! We provide a wide variety of both free and paid stack elements, suitable for various different tasks. Over the past few years, the Stacks4Stacks project has been responsible for bringing some of the most influential stack elements to RapidWeaver.

The entire Stacks4Stacks website was built using RapidWeaver and the Stacks plugin. The theme being used in this website is Volcano by ThemeFlood. Should you have any questions or comments about this website or any of the stack elements featured, please feel free to get in contact. Stacks4Stacks is hosted by the rather excellent Chillidog Hosting.

RapidWeaver is a registered trademark of Realmac Software LTD, Brighton, UK.



Top 10 Stacks4Stacks