1. If you don’t have a FontMeUp account, don’t fret! You can easily create a new FontMeUp account right from inside the wordpress plugin.

   

2. After you have your account, add your CUSTOM KEY in the settings tab:

   

   (The FontMeUp wordpress plugin creates a settings menu. Here you can navigate through the plugin.)

   

   From within the settings tab type in your key and hit save changes. Now your all hooked up!

3. Next you want to navigate to the Font Browser. This is where you can easily implement FontMeUp into your wordpress theme.
   
   In the font browser pictured above, you can select whichever fonts you wish to use in your wordpress theme. Use the FontLab box on the right to manipulate the color and size and preview the font before you use it. If you click create quick tag, your font will instantly be accessible using a FontMeUp generated quick tag as pictured below:

   

   Whatever text you place between the tags, becomes accessible and renders in your theme.

If your planning to really get down and dirty, just paste the CSS generated code from FontMeUp right in your theme!

 @font-face {
  font-family: "fontname";
  src: url("http://www.example.com/fonts/fontname.ttf")
  format("truetype");
	}

  h3 {
  font-family: "fontname", sans-serif;
	}

Rather than using static images or non-functional images @font-face allowed you to link directly to any font you wished. Be it remote of locally stored. The retrieved font could be rendered right to HTML text. And not just for H1 headline tags, but for any body copy as well. It’s a great idea, except:

1. Unless they are specifically licensed for web use (and most fonts are not), if you embed fonts you own on a web page, you are likely violating your End User Licensing Agreement (EULA) with the font foundry (which is frowned upon and could leave you in a heap of trouble).
2. While Safari, Chrome, Opera, and Firefox 3.5 support @font-face for TrueType (TTF) and OpenType (OTF) fonts, Internet Explorer does not.  Instead, Microsoft supports @font-face only for the Embedded OpenType (EOT) format—which Microsoft itself invented. EOT discourages the copying of copyrighted font files via encryption, “subsetting” (using only needed characters rather than the entire font), and other techniques. EOT is a great alternative and in theory a service that delivered EOT and a licensed library of fonts would be great however the available fonts would be greatly limited, and the service would need to rely on CSS Font-Stack Methods.

FontMeUp uses a different approach that doesn’t embed these fonts in the browser, however it allows the text to perform like a traditional font. Click here to learn more about FontMeUp.

Share your links below, we would love to see how your using it:

1. Internet Explore 6+
2. FireFox 1.5+
3. Safari 3+
4. Safari (Webkit / Iphone)

I guess it depends. Personally as a web developer I have never convinced any client to have a version of their site for each browser.

We’ve built a technology platform that lets you use the fonts you want without embedding them. We don’t rely on technology that is browser dependent. Foundries worry that their fonts can be stolen, which our platform prevents. EOT is a great idea, but doesn’t work in firefox. Worse creating a new font format like anything else can be reverse engineered. Font stacks also make it hard to get the vibe you want. If a client says they want their brand font on all the headlines of each page and 43% of its users are FF, a stack that renders a font that isn’t close isn’t acceptable to the client who doesn’t get the technical limitations.

We focus on the core deliverable which is displaying the font designers design with and clients want, and displaying that in all the browsers everyday people use.
We offer thousands of wonderful typefaces and even the ability to upload your own. A major achievement was getting our text to perform as regular text without dealing with complicated DRM issues. In our latest algorithm FontMeUp can be modified with all levels of CSS, and now supports selectable text making it a true competitor.

FontMeUp users have access to a hugh ever growing library of fonts. Users just need to create an account, select or upload fonts, and a Javascript line of code to their site and use regular CSS to call on the font family. Its incredible as it works in ie6, firefox, safari, chrome and opera!

The announcement of this effort comes from the inability to do previously. Typically the work flow of using fonts on the web is Microsofts EOT, which doesn’t work in Firefox (the most used browser), or @font-face which has licensing issues and the complications from the lack of DRM that it provides. With @font-face users can firebug the page, and easily download the typeface. Understandably, the type foundries are not willing to allow their hard work to be easily downloaded from linked font files. At FontMeUp’s we use a unique model that doesn’t deliver actual fonts to the users browser, nor does it make linked font files accessible. This allows us to navigate around the complicated DRM issues presented with @font-face.

Recently the FontMeUp team enhanced the font algorithm allowing the dynamically delivery of text to be selectable among its many other organic css control abilities.

Stay Tuned for our upgrades and updates as  we’re always working to make our service better!

Branding is everything. Recently Snickers launched a promotion which proved how their font maintained incredible branding. A colleague of mine and I we’re working on a project and him from a designers background kept pushing to bring non-web fonts to the site we we’re doing, as I - from a designers background insisted was not the way. He simply said, “Make a way”.

FontMeUp is the first product from Cre8tiveLab founded by developers Erik Alburg and Ryan Hickman. The idea is to provide a simple opportunity for non-developers and semi-developers to use non-web fonts on their sites. “No more complicated SIFR, jquery markup or issues with typeface”, says Ryan Hickman , “The service isn’t for everyone. Its for those who need the fix. A place to manage fonts, someone else to manage the backend, making it easy for someone who knows a little CSS”

Users receive access to a library of high-quality fonts, free for commercial usage. The users select a font, drop a line of JS in their site, and their running! Using regular CSS the user can access their fonts, modify color and size to create their ideal look.

Working in all browsers, this is a sure way to maintain your brand into the web.

“This fall we have some great and exciting new features we’ll be integrating”, says Erik, “We want the user experience to be useful, as with all of our products…”

We love to talk about fonts, the new web and wants happening with our company. So be sure to subscribe to our blog feed, follow us on twitter, or even signup for the service. Send us feedback on things you would love to change, cause we will change them.