954,598 Members — Technology Publication meets Social Media
Username:
Password:
Lost login information?
Have something to say? Contribute New Article Reply to this Article

how to embed font to webpage

im using INKBURRO font after uploading my site the font doesn't appear on my webpages
how can i embed my font in my webpages

prashanth18
Newbie Poster
15 posts since Jul 2008
Reputation Points: 8
Solved Threads: 1
 

do onething make one image with that font insert your image in that html or make one option download that font

sreein1986
Posting Whiz
306 posts since May 2008
Reputation Points: 12
Solved Threads: 34
 

There are really only two ways until the CSS3 @fontface proposal makes it's way through. One is to pass it through a server-side language which will make an image to replace the text, the other is sIFR which uses Javascript and Flash to replace text

ShawnCplus
Code Monkey
Team Colleague
1,583 posts since Apr 2005
Reputation Points: 526
Solved Threads: 268
 

I found this article on embedding fonts in a web page http://www.sean.co.uk/a/webdesign/embedding_fonts_in_webpages.shtm

It only works in IE though.

FC Jamison
Posting Pro in Training
Team Colleague
446 posts since Jun 2004
Reputation Points: 92
Solved Threads: 21
 

As ShawnCplus said sIFR is a good way to add custom fonts to your site.

MelechM
Junior Poster in Training
55 posts since Sep 2008
Reputation Points: 11
Solved Threads: 6
 

how to embed other fonts in html

secrets.top
Newbie Poster
1 post since May 2010
Reputation Points: 10
Solved Threads: 0
 

For completeness, there is also Cufon ( http://cufon.shoqolate.com/generate/ ).

pritaeas
Posting Expert
Moderator
5,484 posts since Jul 2006
Reputation Points: 653
Solved Threads: 875
 

Trying this CSS,

@font-face
{
font-family: Font1;
src: url('http://www.yourdomain.com/fonts/INKBURRO.TTF');
}

@font-face
{
font-family: Font2;
src: url('http://www.yourdomain.com/fonts/SCRIPT.TTF');
}
#fontface1{font-family : Font1; padding : 10px; margin : 0 auto; text-align : center; font-size : 30px; line-height : 1.3em}

p{font-family : Font1;}
#fontface2{font-family : Font2; }
leakbali
Light Poster
41 posts since Jul 2011
Reputation Points: 10
Solved Threads: 8
 

This article has been dead for over three months

Post: Markdown Syntax: Formatting Help
You