How to embed fonts in a webpage?

Status
Not open for further replies.

abhi.eternal

In search of light...
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

Šupər♂ - 超人
Make it in pics instead of html code :D
That's the easiest way.

The tougher way is a little unreliable :D
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(*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 :D

Another small tutor
 
Last edited:
Status
Not open for further replies.
Top Bottom