if you want to use the font on a website your best bet would be to either use something like Flir or Sifr(I think thats what it's called). Chris has tutorials on how to use both of those on this site.
Another alternative if you don't mind if its not that exact font is to use something like google fonts and find a font that looks similar and use that.
Each @font-face font kit come with: TrueType Fonts for Firefox 3.5+ , Opera 10+, Safari 3.1+, Chrome 4.0.249.4+ EOT fonts for Internet Explorer 4+ WOFF fonts for Firefox 3.6+, Internet Explorer 9+, Chrome 5+ SVG fonts for iPad and iPhone Cufón fonts in case you want them Demo.html and stylesheet.css so you can get going fast
cufon basically creates an entire font rendering engine in javascript to display custom fonts. @font-face just points the browser to the font file so it can render the font.
as a result, cufon generally looks better (especially on windows) but is much heavier and creates very ugly, non-semantic html.
Any idea?
Another alternative if you don't mind if its not that exact font is to use something like google fonts and find a font that looks similar and use that.
http://cufon.shoqolate.com/generate/
Each @font-face font kit come with:
TrueType Fonts for Firefox 3.5+ , Opera 10+, Safari 3.1+, Chrome 4.0.249.4+
EOT fonts for Internet Explorer 4+
WOFF fonts for Firefox 3.6+, Internet Explorer 9+, Chrome 5+
SVG fonts for iPad and iPhone
Cufón fonts in case you want them
Demo.html and stylesheet.css so you can get going fast
as a result, cufon generally looks better (especially on windows) but is much heavier and creates very ugly, non-semantic html.
I am agree with jimsilverman.
cufon generate very ugly, non-semantic html. I think @font-face is best option instead of this.
I've fixed this! Chrome likes it when you load the SVG line first. Just move that up in priority. Hmm... someone should tell Font Squirrel.
http://stackoverflow.com/a/9041280/1112665
e.g.
src: url('geosanslight-webfont.svg#GeosansLightRegular') format('svg'), url('geosanslight-webfont.eot?#iefix') format('embedded-opentype'), url('geosanslight-webfont.woff') format('woff'), url('geosanslight-webfont.ttf') format('truetype');
let me know if that works for you. cheers!