How does Typekit work behind the scenes?

Question

I'm curious if anyone has an idea about how this stuff works behind the scenes. I'm interested if there is a way to host your own fonts and also if those would work for all major browsers out there?

Answer 1

I imagine they are just embedding fonts like this:

@font-face {  
  font-family: " your FontName ";  
  src: url( /location/of/font/FontFileName.eot ); /* IE */  
  src: local(" real FontName "), url( /location/of/font/FontFileName.ttf ) format("truetype"); /* non-IE */  
}  

/* THEN use like you would any other font */  
.yourFontName { font-family:" your FontName ", verdana, helvetica, sans-serif;  
}  

http://randsco.com/index.php/2009/07/04/p680

I tested that and it works for IE8, FF, Chrome and Safari on Windows.

Answer 2

Found this interesting post on Typekit's blog. This was the kind of answer that I was looking for.