Creating beautiful typography on the web can be a daunting task. But we’ve risen to the challenge to simplify the process. The Web Fonts from Ascender service from Ascender tackles the issues of serving different web font formats and CSS to different browsers. All you need to do is insert a line of code we provide, and update your CSS font-family properties with the fonts you have licensed.

After you’ve purchased a Web Fonts from Ascender service license, log into the control panel on our site. There you’ll find all the tools you need to manage your account and your web fonts. The first step is to enable your website and assign the fonts to it. Next you’ll create the CSS Resources for the site.

We generate a Resource file that you will paste into your web pages before </head> tag. Here is an example:

<link href="http://ascenderfonts.com/css/bd7bf3e-423e-b161-623799fd7266.css" rel="stylesheet" 
type="text/css" />

This one line of code does all the heavy lifting, so you don’t have spend hours coding it to make sure the Web Fonts work properly in all the major browsers.

Next, we provide you with CSS samples for implementing the Web Fonts from Ascender service in your CSS files. The font-family property needs to match the web font you’ve assigned to your site. You can further edit your CSS based on the font style rules and classes as necessary for your particular site.

For example:

.titanium {
  font-family: Titanium;
  font-style: normal;
  font-weight: normal;
}

So there it is: insert the Resource line of code, and update your CSS rules including font-family (and font-style & font-weight if appropriate). Then publish your pages and see the web fonts in action!

Browser support