Implementation and Web Development

Implementing Webtype

You can implement Webtype in 5 quick steps:

  1. Select the fonts you want to use and add them to your shopping cart.
  2. Pick the service level that will accommodate the monthly traffic to your website.
  3. After purchasing the desired web font subscriptions, go into your account to the Web Font Manager.
  4. In the Web Font Manager you will set up the website, confirm the fonts you want to use, choose options such as subsetting the font character sets to reduce the file size, and then generate a CSS Resource file.
  5. To implement the Web Fonts on your site, simply insert the one line of code we provide into your page template, and then update your font-family tags with your new fonts. 
> Detailed Quick Start Tutorial (with screenshots)

Will using Webtype slow down my site?

Webtype fonts are deployed on the Windows® Azure™ cloud computing services platform, a high performance environment that provides fast, reliable delivery of fonts throughout the world. This system can instantly scale to handle high traffic demands with a 99.95% service level guarantee and has data centers located around the world, guaranteeing quick delivery of fonts to website visitors on every continent.

Why does my text appear to flash in Firefox?

This is called "FOUT" or Flash Of Unstyled Content. Firefox automatically displays a fallback system font while the web font downloads, then repaints the screen with the web fonts. This can cause a flash as the screen refreshes. This only occurs in Firefox, and not in the other browsers (which leave the text area blank while the web fonts download). This will not occur on subsequent pages once the fonts are in the cache.

Can I use Webtype if I hand code my site?

Yes, simply include our code in your site and then you are free to code your site however you like.   

Do you offer a self-hosting option?

Yes, we offer a self-hosting option for larger websites. You can order this option in the shopping cart. If you have a website with more than 20 million pageviews/month,  Please contact us for more information for Self-Hosting web fonts.

Can I customize the default font-family names and weights?

Yes, to do this, click the Customize font-name and font-weight link on your project page and then save your resource. Bear in mind that the CSS might take a few minutes to update as the changes are copied over to the cloud.

Does Webtype support SSL pages?

Yes, we allow web fonts to be viewed on secure web pages, such as those used by companies and e-commerce websites to provide user access to account pages. These pages typically have ‘https’ instead of ‘http’ to designate they are secure pages using SSL (Secure Socket Layer). Note: on these pages please use ‘https’ with our CSS resource string on your page to avoid security warnings in the web browser.

Can I set up a development site and use the fonts locally?

Yes, you can include multiple URLs when you set up your project, so the fonts can be used on your development site and your live site. To use the fonts in local development environments, just add the domain of your dev environment, e.g. <localhost>, to your project.

Does Webtype limit the number of domains that I can use the fonts on?

No, you can use your Webtype fonts across as many domains as you want so long as the aggregate page views across the domains remain under the licensed amount. Just add the URLs you need when you set up your project.


What type of web font formats does Webtype supply?

For self-hosted licenses, we supply WOFF, SVG, EOT and TTF web font formats to ensure cross-browser compatibility. With our hosted license, our CSS detects the browser and version the end user is viewing your website in; we dynamically serve only the appropriate web font format (e.g., EOT to Internet Explorer 7, WOFF to Chrome, etc.) in order to optimize page download times.

Return to top