Solved

CSS: How to include non-standard font 'Footlight MT Light'

Posted on 2008-11-03
3
1,892 Views
Last Modified: 2012-05-05
I need to include some text blocks in a CSS driven homepage and need to use the font 'Footlight MT Light'.
How to include/address this font in the HTML/CSS?
0
Comment
Question by:go4java
3 Comments
 
LVL 7

Assisted Solution

by:Valleriani
Valleriani earned 100 total points
Comment Utility
If you want to change the font of the whole html body, put:

body { font-family: FONTNAMEHERE; }

in the css stylesheet.

You can also make your own or edit h1/h2/h3/etc tags with:

h2 { font-family: FONTHERE; }

So when you call it in HTML it would be:

<h2>HELLO!</h2> for example

Check out http://www.tizag.com/cssT/font.php
0
 
LVL 6

Accepted Solution

by:
dwaynecharrington earned 400 total points
Comment Utility
Hi,

The font you're wanting to use isn't a system standard font, therefore it will only display if the visitor has that particular font installed on their machine (which is probably unlikely).

An easy way is to use a flash library called Sifr. Sifr allows you to render text into your documents (as a flash movie) and will let you use any font you want. This will only work for machines with Flash installed which is something like 90% these days or so.

Sifr is the only way to display non-standard fonts in a website.

Get Sifr from here: http://www.mikeindustries.com/blog/sifr/


0
 
LVL 5

Expert Comment

by:vibrazy
Comment Utility
Try

http://www.mikeindustries.com/blog/sifr/

It uses flash, but you can still use css and normal html.

Regards,Dan
0

Featured Post

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Suggested Solutions

There are two main kinds of selectors in CSS: One is base selector like h1, h2, body, table or any existing HTML tags.  For instance, the following rule sets all paragraphs (<p> elements) to red: (CODE) CSS also allows us to define our own custom …
Introduction Knockoutjs (Knockout) is a JavaScript framework (Model View ViewModel or MVVM framework).   The main ideology behind Knockout is to control from JavaScript how a page looks whilst creating an engaging user experience in the least …
Viewers will learn about the regular for loop in Java and how to use it. Definition: Break the for loop down into 3 parts: Syntax when using for loops: Example using a for loop:
Explain concepts important to validation of email addresses with regular expressions. Applies to most languages/tools that uses regular expressions. Consider email address RFCs: Look at HTML5 form input element (with type=email) regex pattern: T…

763 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now