custom fonts Options

[DrNick311]

I've seen several examples of people embedding custom fonts on their Xangas (ie. Roxanne's latest Gadget Tech skin.) I have two questions:

1 - How do I make the font into .EOT format (like Roxanne did)?
2 - Is it possible to just upload TrueType fonts and embed those?

[xquizit]

I used a little program called Microsoft WEFT to convert the fonts to .eot format which you can download for free here:
http://www.microsoft.com/typography/web/em...ft3/default.htm

Keep in mind that not all fonts can be embedded.

[DrNick311]

That program's a bit confusing but I'll get it eventually. Thanks!

[GinaDaQueen]

I think that's pretty awesome. I remember someone had used an embedded font on their xanga and it looked really cute. And I also think it does a lot for Roxanne's skin.

[xquizit]

Once you've created the .eot file, upload it somewhere and add this to your css:

CODE

<!-- begin code provided by createblog.com -->
@font-face {
font-family: "NameGoesHere";
src: url("http://fileurl.eot");
}
<!-- end code provided by createblog.com -->

For font-family, give your embedded font a name.

Then for every instance in your css that you give a font family, put in whatever name you used for the font-family in the code above.

ex:

CODE

<!-- begin code provided by createblog.com -->
@font-face {
font-family: "techy";
src: url("http://xquizit.cbstaff.com/fonts/techy.eot");
}
body, font, td {
font-family: "techy";
}
<!-- end code provided by createblog.com -->

[*[2]Nekked*]

thanks roxanne.. i just changed all my font on my xanga to pixel