How to embed fonts in a webpage?

abhi.eternal · 28-03-2007, 12:18 AM

how do i embed a font XXX.ttf in a webpage, so that when others are viewing it, they see it as I wanted them to see.

koolbluez · 28-03-2007, 08:21 AM

Make it in pics instead of html code

That's the easiest way.

The tougher way is a little unreliable

U've to work with Web Embeding Fonts Tool (WEFT). Prepare an EOT (embedded Open Type) for the font you want to embed with this & link the EOT to web pages using CSS STYLE tag:

Code:

Internet Explorer
<HEAD> 
<TITLE>My Page</TITLE> 
<STYLE TYPE="text/css"> 
<!-- @font-face { font-family: “MRV Code39MA”; 
font-style: normal; font-weight:normal; 
src: url(http://www.mysite.com/fonts/mrv39ma.eot); 
} 
--> 
</STYLE> 
</HEAD>

Netscape
<HEAD> 
<TITLE>My Page</TITLE> 
<LINK REL=FONTDEF SRC="/fonts/mrv39ma.pfr"> 
</HEAD>

Sample

I tried to do it sometime back... but not worth the pains u take to do it. I'ld suggest go for images rather than text. Open ur fav image editor (i suggest the free 1.6MB download - Photofiltre) & use the text tool to create text which can b saved as jpg/gif/png. Upload it online & use in the webpage. @least the audience'll see the xact thing what u wanna show, without doubt

Another small tutor

ax3 · 28-03-2007, 04:22 PM

css is best thing 2 do ............

@koolbluez ......... has right way ..........

inshort : upload ur font & point ur font through css ........ easy na ........