Overview
@font-your-face provides an administrative interface for browsing and applying web fonts (using CSS @font-face, supported in all popular browsers) from a variety of sources.
Features
- A font browsing interface allows selection of fonts from from several providers:
- Fonts are automatically loaded on site simply by clicking "Enable"; no need to create font files, write CSS, add JS, nor figure out different methods for every font provider.
- Clear indication of license restrictions on provided fonts.
- Fonts can be applied to specific text on the site either by using the provided font-family identifier in theme CSS, or by typing a CSS selector directly in the @font-your-face interface.
- The @font-your-face code is designed for re-use, so other modules can both supply and read active and available font information.
- Fonts can be exported/imported using Features (7.x-2.x only)
- You can also import your own local fonts in the formats EOT, TTF, WOFF and SVG.
Requirements
@font-your-face relies on Views for the browsing interface. It also requires a public files directory for saving and serving CSS. Some providers require PHP 5.2 to work with JSON APIs. You most likely already have all of that on your Drupal install.
Development Plans
Beyond bug fixes, current development is focused on major interface and API improvements in the new 7.x-2.x branch.
Get Involved
If you are interested in helping with @font-your-face, here are some good ways to get started:
- Spread the word. Too many people don't realize what we can do with web fonts in Drupal. Share with your local community.
- Contribute documentation. If you've successfully used the module, you can help explain it to others.
- Port a patch. This code is already written, and just needs to be edited slightly (maybe not at all) to work in a different version of Drupal.
- Take over a submodule. Each individual web font provider in @font-your-face has a dedicated submodule. These submodules could be moved to separate projects, and generally require very little maintenance work.
- Become a co-maintainer. While @font-your-face is actively maintained, it would be great to have more people involved, especially people with a demonstrated ability to do some of the above.
Support
Questions? Feedback? Use the issue queue, contact @fontyourface on Twitter, or find sreynen on IRC.
Credits
@font-your-face was created by Scott Reynen of Sliced Bread Labs and developed by Scott and Baris Wanschers of LimoenGroen.
7.x-2.x version funded by Monotype Imaging.
Support from Aten Design Group.
Related projects
- AdaptiveTheme can use @font-your-face fonts.
- Sweaver provides a visual interface for theme editing, including managing fonts with @font-your-face.
- Google Webfont Loader API can be used with @font-your-face to standardize how fonts are loaded across browsers.
- Google Fonts and TypeKit modules have both been deprecated in favor of @font-your-face.
- Dynamic Font Rendering applies uploaded fonts via an input filter.
Downloads
Recommended releases
Development releases
Project Information
- Maintenance status: Actively maintained
- Development status: Under active development
- Module categories: Content Display, Fields, Theme Enhancements, Third-party Integration
- Reported installs: 12283 sites currently report using this module. View usage statistics.
- Downloads: 32,007
- Automated tests: Enabled
- Last modified: May 11, 2012
