Help - Search - Members - Calendar
Full Version: custom fonts
Forums > Resource Center > Graphics Help > Graphics Help Resolved Topics
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
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.