css - How to create a data:application link for a web font? -



css - How to create a data:application link for a web font? -

since web fonts have ins-and-outs pertaining cross-domain hosting, beingness developer provides code multitude of clients want utilize such web fonts leverage aesthetic quality, can challenging when trying detail technical steps of hosting file , making sure url path pointing properly.

recently, have come across webfont uses

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

nomenclature , not familiar this.

one great benefit of seems doesn't have cross-domain pitfalls of using url font, illustration here:

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

if @ link can see it's series of alphanumerical characters quite long in length url path typically is.

i wonder, how 1 create path this?

help appreciated!

base64 encoding scheme binary. can utilize decoder binary contents of alphanumerical text comes after base64,. entire process called info uri scheme , has list of pros , cons using it. http://en.wikipedia.org/wiki/data_uri_scheme#advantages_and_disadvantages

css fonts base64 webfonts

Comments

Popular posts from this blog

Delphi change the assembly code of a running process -

json - Hibernate and Jackson (java.lang.IllegalStateException: Cannot call sendError() after the response has been committed) -

C++ 11 "class" keyword -