Solved

Embedding Fonts

Posted on 2000-04-09
4
1,110 Views
Last Modified: 2013-12-02
How do I embed fonts using HTML?

I've got this code:<STYLE>
@font-face {font-family: "Nueva Roman";
            src: url(NUEVAR1.eot)}
H1 {font-family: "Nueva Roman", "Lithos Regular"}
P {font-family: "Myriad Roman", "Verdana"}
</STYLE>

This code works but I don't know how to make it a different font. Does the src url font have to be a .eot?

Thanks.

0
Comment
Question by:PaulRisko
  • 2
4 Comments
 
LVL 2

Accepted Solution

by:
brice123 earned 100 total points
ID: 2699217
Yes, you need to use the Web Embedding Fonts Tool (WEFT2) in order to generate an .eot file.

For further details and download, take a look on :
http://www.microsoft.com/typography/web/embedding/weft2/weft1.htm
0
 

Expert Comment

by:astevens
ID: 2699248
For a nice introduction to both Embedded OpenType fonts and TrueDoc
check out Steve Mulder's Embedding Fonts Tutorial at:
http://hotwired.lycos.com/webmonkey/design/fonts/tutorials/tutorial2.html
0
 
LVL 2

Author Comment

by:PaulRisko
ID: 2714496
It will be a while till I get around to this question. Give me a week or so till I award the points.

Thanks!
PR
0
 
LVL 2

Author Comment

by:PaulRisko
ID: 2725226
Thanks. Got WEFT downloaded now just need to use it.

Cool skynet home page Brice. I like the links on the revolving planets. Did you do that with Flash?

-PR
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

This article discusses how to create an extensible mechanism for linked drop downs.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

911 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

17 Experts available now in Live!

Get 1:1 Help Now