Solved

Embedding Fonts

Posted on 2000-04-09
4
1,113 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

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
jQuery Sticky Menu 24 36
Can't get container centered 4 24
Html form and modal / img src -problem 3 30
HTML <font style="color:red"> 9 31
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
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).

861 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