how to embed font to webpage

Question

prashanth18 -2 Newbie Poster

16 Years Ago

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

web-design

8 Contributors
7 Replies
269 Views
2 Years Discussion Span
Latest Post 13 Years Ago Latest Post by leakbali

sreein1986 0 Posting Whiz

16 Years Ago

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

ShawnCplus 456 Code Monkey

16 Years Ago

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

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

FC Jamison 31 Posting Pro in Training Team Colleague · Answer 1 · 2008-09-13T18:24:46+00:00

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.

MelechM 1 Junior Poster in Training · Answer 2 · 2008-09-17T01:45:12+00:00

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

secrets.top 0 Newbie Poster · Answer 3 · 2010-05-03T11:12:14+00:00

secrets.top 0 Newbie Poster

14 Years Ago

how to embed other fonts in html

Edited 14 Years Ago by Ezzaral because: Remove unnecessary excessive bbcode formatting.

pritaeas 2,194 ¯\_(ツ)_/¯ Moderator Featured Poster · Answer 4 · 2010-05-03T14:24:46+00:00

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

leakbali 0 Light Poster · Answer 5 · 2011-08-14T05:07:05+00:00

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; }