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
Post a Comment