Home
Username:
Password:
MasterClass! - Joomla! Template Editing Tutorials

Customizing a Template / Fonts




Visitors to VTC.com will be able to view all introductory videos for each training course.
Free Trial Members will gain access to first three chapters for each training course.
Full Access Members have full access to VTC.com’s entire library of video tutorials.


Learn More

Subtitles of the Movie

In this movie I want to talk to you just really quickly about Fonts. Fonts sometimes confuse people with websites. There's only a handful of fonts that actually look the same on Windows and Mac machines. There are also lists out there of browser-safe fonts. You can look at Arial in both the Mac and the Windows platform and they're very similar. There are other ones like Comic Sans MS, those look very similar, Arial Black, Times New Roman, those things will be very similar. You can have all kinds of fonts on your style sheet. Let's go look and find a font-family on here. Here's a font-family for the body. Here's what it goes through in picking a font. Now you'll notice this sans-serif. What does that mean? I went out to Wikipedia here to show you on this graphic, here's a sans-serif font, here's a serif font. You can see it has those little edges. Supposedly this type of font will be easier for people to read across the page, but it's completely up to you. Sometimes people's pages will look very different on one browser or the other. It's because the page was created on somebody's computer that had a specialized font, so you need to use some of the more basic, generic fonts if you want consistency throughout. Now if you see a really fancy font on somebody's website and it does appear fine across different platforms, usually it's inside an image so that it would maintain, or its embedded in something, kind of like a Flash file or a Flash movie. The other option is that font is on that person's computer is why it's showing up the same way that the creator or designer made it. To see the fonts that you have just go to your template.css file, search for font or search for family, family lists them across here. See how they have commas in between? And if you keep doing that search you'll find several places where it's listing the font-families, the browser to go through. So if you want to change that again, you can just type in there the specific fonts that you want. It's an easy way to customize your template.

Tutorial Information

Course: MasterClass! - Joomla! Template Editing
Author: Melanie Hedgespeth
SKU: 34050
ISBN:
Release Date: 2009-10-20
Duration: 2 hrs / 37 lessons
Work Files: Yes
Captions: For Online University members only
Compatibility: Vista/XP/2000, OS X, Linux
QuickTime 7, Flash 8

VTC Sign up & Benefits

  • Unlimited Access
  • 98,729 Video Tutorials (23,265 free)
  • Video Available as Flash or QuickTime
  • Over 1026 Courses
  • $30 for One Month Access
  • Multi-User Discounts Available