0

Since web fonts have some ins-and-outs pertaining to cross-domain hosting, being a developer who provides code for a multitude of clients that want to use such web fonts to leverage their aesthetic quality, can be challenging especially when trying to detail the technical steps of hosting a file and making sure the URL path is pointing to it properly.

Recently, I have come across a webfont that uses a 

data:application/font-woff;charset=utf-8;base64, "longHash"

nomenclature and I am not familiar with this.

One great benefit of this is that it seems that this doesn't have the cross-domain pitfalls of using a URL for a font, example here:

http://jsfiddle.net/9336yqkL/1/

If you look at the link you can see that it's a series of alphanumerical characters quite long in length where the URL path typically is.

I wonder, how does one create a path like this?

Help is always appreciated!

RenaissanceProgrammer
  • 404
  • 1
  • 11
  • 30
  • I found some additional info here: http://www.sameratiani.com/2011/10/16/embed-inline-webfonts-in-css.html Still trying to figure all this out before I self-answer this. – RenaissanceProgrammer Oct 10 '14 at 19:08

1 Answers1

0

Base64 is an encoding scheme for binary. You can use a decoder to get the binary contents of the alphanumerical text that comes after base64,. The entire process is called Data URI Scheme and has a list of pros and cons for using it. http://en.wikipedia.org/wiki/Data_URI_scheme#Advantages_and_disadvantages

RenaissanceProgrammer
  • 404
  • 1
  • 11
  • 30