Forbidden permission issue on Typekit

Typekit is a service launched in the year 2009 which allows web owner to use @font-face css property to embed non-standard font for online documents using javascript and subscription services.

Installation of typekit is pretty easy. You can follow their suggested steps here and made the beautiful fonts they have available in your site. OK, let'’s jump to our main objective, there are 3 main font events and they have corresponding class names which are: “loading”, “active”, “inactive”.

 1. loading (.wf-loading): Web fonts are loading
 2. active (.wf-active): Web fonts are active
 3. inactive (.wf-inactive): Web fonts are inactive

 So what were going to tackle here is the inactive font event. If you use firebug to check if typekit javascript is loaded in your site – you will see a .wf-inactive class which mean that the javascript is either not loaded properly (404 error) or you are having a 403 error (permission error).

 If the problem is 404:

 1. You need to check if your embedded code has the correct typekit id.

<script type="text/javascript" src="http://use.typekit.com/oef4kts.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>

The typekit id there is the : oef4kts 

If the problem is 403:

1. The main reason could be is your kit setting. You need to make sure that you added the correct domain on your kit setting. Eg: "nytimes.com, *.nytimes.com, localhost, 127.0.0.1".

2. Save the setting and publish your kit again and wait for few minutes.