Title: Web Fonts
Author: nickohrn
Published: <strong>20, Xineru de 2012</strong>
Last modified: 26, Agostu de 2013

---

Guetar plugins

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://s.w.org/plugins/geopattern-icon/web-fonts.svg)

# Web Fonts

 By [nickohrn](https://profiles.wordpress.org/nickohrn/)

[Download](https://downloads.wordpress.org/plugin/web-fonts.1.1.6.zip)

 * [Details](https://ast.wordpress.org/plugins/web-fonts/#description)
 * [Reviews](https://ast.wordpress.org/plugins/web-fonts/#reviews)
 *  [Installation](https://ast.wordpress.org/plugins/web-fonts/#installation)
 * [Development](https://ast.wordpress.org/plugins/web-fonts/#developers)

 [Support](https://wordpress.org/support/plugin/web-fonts/)

## Description

Sponsored by [Monotype Imaging](http://www.monotypeimaging.com) and [Fonts.com](http://fonts.com),

the Web Fonts plugin provides an administrative interface for browsing and applying
web fonts from a variety of sources. The plugin includes support for web fonts from
the [Fonts.com](http://fonts.com) web fonts collection out of the box.

In addition, support for [Google Web Fonts](http://www.google.com/webfonts#HomePlace:home)
has been added
 in Version 1.1.0. You can now browse and enable any of the many 
open web fonts available from Google and then add them to your stylesheet the same
way you do with Fonts.com web fonts. Other web font providers will be added in the
future via plugins.

If you run into issues with the plugin, please [open a support topic](https://wordpress.org/tags/web-fonts)
on the WordPress.org
 support forums.

## Screenshots

 * [[
 * Setting up your Fonts.com account is easy, just enter your authentication key
   or email address and password
 * [[
 * If you don’t have a Fonts.com account, you can easily create one right from WordPress
 * [[
 * After set up, you can create a new project or choose one of the existing ones
   from your Fonts.com account
 * [[
 * After selecting your active project it is easy to browse fonts using a set of
   filters and keyword search
 * [[
 * For any font, you can quickly and easily see extended details like the Designer,
   Foundry and font size as well as an appropriate preview
 * [[
 * You can also see the enabled fonts for your active project at any time
 * [[
 * After enabling the appropriate fonts for all providers, you can go ahead and 
   set the selectors you want to use in the Manage Stylesheet interface
 * [[
 * If you prefer to think in terms of selectors instead of fonts you can go ahead
   and create your stylehseet that way
 * [[
 * Starting with Version 1.1.0 we’ve added support for Google Web Fonts – first 
   add your API key
 * [[
 * After adding your Google API key you can browse any of the open Google Web Fonts

## Installation

Its easy to get started with the Web Fonts plugin. You can install the plugin by
either searching for it
 in the WordPress plugin installer or, if you download Web
Fonts manually, uploading it to `wp-content/plugins/web-fonts/`.

Activate Web Fonts in the `Plugins` admin panel using the activate link. After doing
so, you’ll be able to
 access the Web Fonts settings interface to manage your stylesheet
or browse fonts by supported providers.

The first thing you should do is set up your Fonts.com web fonts account by visiting
the Fonts.com submenu
 under the Web Fonts top level menu item in your administrative
sidebar. If you have a Fonts.com account already you can enter your information 
into the provided fields and it will be validated. If you do not have an account
you can quickly and easily create one from inside WordPress.

If you wish to use the Google Web Fonts integration you can do so by adding your
API key and then browsing
 the fonts available from Google.

## FAQ

  Do I need a Fonts.com web fonts account account to use the plugin?

No, you do not need a Fonts.com account to use the plugin. After installation, you’ll
need to set
 up your Fonts.com account in order to browse and enable fonts for your
site. If you don’t have an account, you can create one right in the WordPress administrative
area.

  How do I enable Google Web Fonts? Where do I get my API key?

To use the [Google Web Fonts](http://www.google.com/webfonts#HomePlace:home) integration

you’ll need to log in with your Google account and visit [The Google API Console](https://code.google.com/apis/console/).
If you haven’t previously created a project you’ll be prompted to do so at that 
point.

After creating a project, you can click on “API Access” and then copy and paste 
the key you find
 there into the field in the plugin. Make sure you’ve enabled the
Web Fonts Developer API from the list you’ll see when clicking on the “Services”
tab on the left.

  What web font providers will be integrated in the future?

It is unknown which web font providers will be integrated in the future. Some of
the providers being considered are:

 * [Typekit](http://typekit.com)
 * [Font Squirrel](http://www.fontsquirrel.com)
 * [KERNEST](http://kernest.com)
 * [Fontdeck](http://fontdeck.com)

The timeline for integration of the above depends heavily on usage of this plugin.
If it becomes popular, more
 web font providers will be integrated at an accelerated
rate.

  Do I need to have any programming or theme modification knowledge to use this 
plugin?

**No!** The plugin is designed to automate the entire process for you. All you have
to do is decide what
 fonts you want on your site and what selectors they should
be assigned to. After saving your stylesheet, the plugin takes care of making sure
the appropriate code appears in your theme.

This being said, knowledge of CSS selectors is strongly recommended as that is how
you will specify
 where your enabled fonts show up.

## Reviews

![](https://secure.gravatar.com/avatar/10eec3871c9090a06895f38204036159d3ae65e8299ff49ee464950f0db90473?
s=60&d=retro&r=g)

### 󠀁[Still works in 2018](https://wordpress.org/support/topic/still-works-in-2018/)󠁿

 [hacktisch](https://profiles.wordpress.org/hacktisch/) 6, Febreru de 2018

I don’t understand why the downvotes. In the newest version of WP now January 2018
the plugin still works after 4 years of nu updates. I entered my fonts.com API key,
and the fonts load into the site directly. I think the other users just didn’t understand
how to use this plugin. Anyways I’m here to tell you it does work with fonts.com

![](https://secure.gravatar.com/avatar/3c1324495501c6f952e72366be64f0153e607a17eb93d8eef9e8858d340b3e58?
s=60&d=retro&r=g)

### 󠀁[Doesn't do anything](https://wordpress.org/support/topic/doesnt-do-anything-37/)󠁿

 [omigosh](https://profiles.wordpress.org/omigosh/) 7, Febreru de 2017

This plug in does nothing other than give you a link to either Google or Fonts.com.
You have to do all the work from there. You can get free fonts from Google, Adobe
or Fonts.com without having to use this plug in and you don’t need to identify yourself
with an API key either.

 [ Read all 8 reviews ](https://wordpress.org/support/plugin/web-fonts/reviews/)

## Contributors & Developers

“Web Fonts” is open source software. The following people have contributed to this
plugin.

Contributors

 *   [ nickohrn ](https://profiles.wordpress.org/nickohrn/)

[Translate “Web Fonts” into your language.](https://translate.wordpress.org/projects/wp-plugins/web-fonts)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/web-fonts/), check 
out the [SVN repository](https://plugins.svn.wordpress.org/web-fonts/), or subscribe
to the [development log](https://plugins.trac.wordpress.org/log/web-fonts/) by [RSS](https://plugins.trac.wordpress.org/log/web-fonts/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.1.6

 * Fixed bug preventing users from disabling Google Web Fonts

#### 1.1.5

 * Fixed Google Web Fonts CSS declaration per

#### 1.1.4

 * Added web fonts icon designed and built by R. York Funston (http://www.ryarts.
   com/)

#### 1.1.2

 * Modified readme so text wouldn’t get cut off on the plugin page

#### 1.1.1

 * Modified readme to change plugin description
 * Changed plugin description in plugin header

#### 1.1.0

 * Added support for Google Web Fonts

#### 1.0.4

 * Fixed silly syntax error that I didn’t check before uploading 1.0.3

#### 1.0.3

 * Fixed a bug where I was using the same PHP 5.3+ only feature I fixed in 1.0.2
   again

#### 1.0.2

 * Fixed a bug where I was using a PHP 5.3+ only feature on accident

#### 1.0.1

 * Renamed a few screenshots so they would actually show up in the correct section

#### 1.0.0

 * Initial release version

## Meta

 *  Version **1.1.6**
 *  Last updated **13 años ago**
 *  Active installations **200+**
 *  WordPress version ** 3.3 or higher **
 *  Tested up to **3.6.1**
 *  Language
 * [English (US)](https://wordpress.org/plugins/web-fonts/)
 * Tags
 * [content display](https://ast.wordpress.org/plugins/tags/content-display/)[fonts](https://ast.wordpress.org/plugins/tags/fonts/)
   [webfonts](https://ast.wordpress.org/plugins/tags/webfonts/)
 *  [Advanced View](https://ast.wordpress.org/plugins/web-fonts/advanced/)

## Ratings

 2.3 out of 5 stars.

 *  [  1 5-star review     ](https://wordpress.org/support/plugin/web-fonts/reviews/?filter=5)
 *  [  1 4-star review     ](https://wordpress.org/support/plugin/web-fonts/reviews/?filter=4)
 *  [  1 3-star review     ](https://wordpress.org/support/plugin/web-fonts/reviews/?filter=3)
 *  [  1 2-star review     ](https://wordpress.org/support/plugin/web-fonts/reviews/?filter=2)
 *  [  4 1-star reviews     ](https://wordpress.org/support/plugin/web-fonts/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/web-fonts/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/web-fonts/reviews/)

## Contributors

 *   [ nickohrn ](https://profiles.wordpress.org/nickohrn/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/web-fonts/)