A member asked how to use fonts other than those offered in Thesis. We get a brief introduction to font use online. We start by discussing “Web Safe” fonts. From there we talk about the Google Font Repository and Cufon Fonts. Discussed in this video are:
- Fonts that are available in Thesis
- Google’s new fonts
- Using Cufon Fonts
- What you need to do in order to use Cufon fonts
Let’s see, nobody else that is with us has given me a question. I do have other questions and so I’m going to go ahead and address one of those questions. Shan asked the question, he’d like to import fonts in the Thesis so he can change the font that’s currently used in his navigation header. The font choices offered in Thesis are somewhat limited. For example, I’d like to use Helvetica New font which isn’t available in Thesis. Now this actually raises a larger question. You know, and this is… well, it raises the question of web fonts and how a font is rendered inside of a browser. And the original method for fonts in a browser was that everybody assumed that you know, computers, whether Unix, Mac, or Windows, had a set of common fonts and those common fonts can be relied on and those common fonts were either Georgia or Times New Roman and Arial or Helvetica. And so what would happen is, you would rely on your browser to have fonts embedded in that browser that would then display those fonts when it was called upon.
And so you had this topic or this subject called “Web Safe Fonts” and you knew that you could plan on you know, fonts rendering properly if you use a certain small set of those fonts. And so in our case nowadays, you have you know, with Thesis 1.8, you have a wider choice but originally, the web safe fonts were only Arial Black, Arial Narrow, Courier or maybe even Courier New, Georgia, and let’s see, Verdana, thanks to Microsoft. And those are the ones that you could reasonably expect to find on every computer. And then what happened was that of course, people got tired of those things and they wanted to do what Shan wants to do which is use completely different fonts and the problem is, if everybody has the same font, then there’s no problem. It will render just fine but the guy who has an older computer who doesn’t actually have that font then that person is not going to be able to see the site that way you want them to see the site and so on and so forth.
And so then there came this conversation about how to deliver fonts reliably to a browser if the fonts aren’t contained inside that browser and that’s essentially what you have to do. If you cannot rely on the web safe font, you have to have a way of delivering fonts to the browser that it doesn’t already have. And there are a variety of methods that are available for doing that.
Several monthsago, Google started hosting fonts and so this G denotes the Google Font Directory font you know, and if you pick one of these fonts with a G beside it, Google will actually serve that font to your webpage for you as your webpage is being rendered. And so that is one very easy way within Thesis to be able to take advantage of the Google font because Thesis has this system that’s built in to let you use these Google-hosted fonts. Well, although you can tell still it’s a very limited number I mean, especially if you compare that to the hundreds of fonts that you may want to choose from, that you may have available to you.
Now using a Cufon font does require a little bit of coding. However, there are lots and lots of them. So if you go to www.cufonfonts.com, that’s cufonfonts, you know, let’s go the English version of this. We’re in the Danish version or something. Well, we’re still in the non-English version of this page but nevertheless, or it’s not rendering in English, in any case. But you can see that you know, there are thousands of fonts available to be used as Cufon fonts and by definition, in order to be a Cufon font, it has to be free and open source and be allow you… or you need to be able to use it as for commercial purposes without restriction. And so you know, you don’t have to worry about the kinds of things that people do worry about when they talk about using fonts.
Also, the nice thing about a Cufon font is that you can also let’s see, let’s look at it closer. The nice thing about this is you can also download it for use in like Photoshop or something like that. So if you’re working on a webpage and designing it in a photo editor, you still have access to the… you can download the font you know, with this little download button and a part of it will include you know, a true type file or some kind of a file that will allow you to add the font to your own computer so that you can use it in any other kind of computer document as well as having the online version of it.