Anyway to tell what font a website is using, embedded with Cufon.js?

CDesign's picture

Hey guys, simple straight to the point question.
Is there a way to tell what font a site may be using, when they embed their font using the Cufon Javascript Library?

Hope so, this would help a lot.

Take care folks.

riccard0's picture

If the didn’t rename the font, you should find some trace in the source code.

CDesign's picture

Aha, I guess I should of looked a little harder I skipped right over it in the site I was referring to.

I was trying to find out what font is used on smartclient.com
An AJAX JS Framework from Isomorphic Software.

Turns out they are using Collaborate by Ralph Oliver du Carrois.
http://www.fontsquirrel.com/fonts/Colaborate

I think that is all they are using, looks right for everything. Including their logo. Agree?

But I am really curious about sites that do rename their fonts. I wonder if there is a way to tell then?

But thanks again, riccard0, been a good help buddy.

Theunis de Jong's picture

It's easy to rename font files, but renaming the font itself is (a) more work, and (b) usually forbidden. Do web font loaders refer to file names or to font names? What about CSS font-family?

(After using Safari's Web Inspector) ... Aaah. The example you gave does not use one of the "regular" web font formats (WOFF, EOT, WHYG). Instead the entire font is loaded in JSON vector format and gets drawn by some Javascript called "Cufon":

Rather than Flash, it uses a mixture of canvas and VML to render the fonts.
(The Easiest Way to Use Any Font You Wish

In that case it's merely a change in the JSON to "hide" the original font name. Well, per its EULA it should still be carrying the original copyright declaration...

CDesign's picture

Yeah the cufon is a bit curious. A LOT of Web Designers/Developers use it regularly.
Many seem to claim it as being the most superior method of embedding fonts, even the most experienced of designers, but really I disagree with them.. Its just like Image embedding.. You cant really select the font... It selects as an image basically. Many like it because it will render in any and all browsers, but what I think they dont take into account is not everyone has JS enabled in their browser, as it is a security risk at times.

BUT you can see what they embedded on their webpage by looking in the section of their HTML. They embed the Javascript in the head in a format like this:

So the first Cufon script is Cufon.js itself, and the second is the font. once that is embedded in the head, it can be used throughout the page using another cufon tag.

But the thing is, when you upload a font to cufon, you get to choose the name of that .js file, that renders the font. So really you could name it anything.
You are even allowed to name commercially paid fonts anything you want, because you are not altering the font file, but the way you are allowed to do so, is when you are on the website converting your licensed font file, you must check the box allowing the font to only be used on a specified website domain. Leaving you in your legal bounds of the licensing. (As long as its a license that allows embedding other than PDF's of coarse)

So if someone was to name a font some completely random name, (Which they do) It would make it nearly impossible to identify it, it would seem. Other than looking back at resources, or uploading to WhatTheFont, or WhatFontIs, etc. Making things quite complicated..

Which is why I made this thread, in hopes of some tool, or method of finding out from the cufon script source or something. Idk I guess ill keep looking into it! ;)

By the way, Theunis de Jong, What is this "WHYG" Format that you speak of?

Té Rowan's picture

Might not even be a format but an acronym: What Have You Got.

Theunis de Jong's picture

Té, you got it :)

CDesign's picture

Haha, that makes sense.
Thats a new one to me. Never heard that one before, or used in that manner, until now.

Té Rowan's picture

I do not know where this usage comes from, but "what(ever) have you got" is not a brand new way to express an indefinite list in spoken English.

Syndicate content Syndicate content