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 Make Data Make Sense and developed by Scott and Baris Wanschers of LimoenGroen.
7.x-2.x version funded by Monotype Imaging.
Support from Aten Design Group.
Recommended modules
Sweaver provides a visual interface for theme editing, including managing fonts with @font-your-face.
Similar projects
- Google Fonts is more specifically focused on Google's font provider, development discontinued.
- Google Webfont Loader API is focused on Google's JS-based font loader.
- Dynamic Font Rendering applies any fonts you can package and upload yourself.
Project Information
- Maintenance status: Actively maintained
- Development status: Under active development
- Module categories: Content Display, Fields, Theme Enhancements, Third-party Integration
- Reported installs: 6553 sites currently report using this module. View usage statistics.
- Automated tests: Enabled
- Last modified: January 9, 2012
