Solved

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

Posted on 2008-11-03
3
1,984 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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

The Ultimate Checklist to Optimize Your Website

Websites are getting bigger and complicated by the day. Video, images, custom fonts are all great for showcasing your product/service. But the price to pay in terms of reduced page load times and ultimately, decreased sales, can lead to some difficult decisions about what to cut.

Question has a verified solution.

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

Article by: Matthew
I am a very big proponent of technology compliance standards and strive to meet such criteria in all of my work. That includes my site, which is 100% XHTML 1.0 compliant as determined by the World Wide Web Consortium. https://www.matthewstevenkel…
Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

690 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