Solved

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

Posted on 2008-11-03
3
1,910 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
ID: 22865751
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
ID: 22865774
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
ID: 22865793
Try

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

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

Regards,Dan
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
How to orderly load jquery libs with requireJS? 3 71
MVC and Angular 2 91
Re-position sub-options beneath the TAB 7 77
Re-position the objects 7 97
Preface In the first article: A Better Website Login System (http://www.experts-exchange.com/A_2902.html) I introduced the EE Collaborative Login System and its intended purpose. In this article I will discuss some of the design consideratio…
It's sometimes a bit tricky to use date functions in Oracle BPEL. I'll explain quickly how you can add N days to the current date. In a BPEL process this can be useful, and you can adapt it to fit your needs. First of all, let's see how to add 1 …
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

920 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

16 Experts available now in Live!

Get 1:1 Help Now