Hi Everyone!!
I would like to use some different fonts on a Moodle site I am working on. I want the block headers to have a different font than the text in the block contents. This font will not be on everyone's computer. I think I have to do something called "embedding" the font into the site to get it to display correctly on the computers of all who visit the site.
How do I do this?
Thanks in advance for any and all help with this.
WP1
Hi N!
Thanks for your response. I know there is a lot of stuff out there about embedding a font but I wanted to know if there is a certain "approach" to doing it in Moodle, especially in light of all the changes that have taken place with the Themes and CSS.
Hopefully, Urs will also weigh in on this and let us know how hard or how easy it is to do in the present (v1.5) Moodle.
WP1
Hi N!
Yes it looks like something is different with the type style. How'd they do that? Huuuummmmmmm!
WP1
<td class="headermain" height="31" nowrap="nowrap" valign="top" width="50%">Using Moodle (arial bold)
<div style="position: absolute; margin-left: 6px; margin-top: 1px; color: rgb(34, 34, 34);"> Using Moodle</div>
<div style="position: absolute; margin-left: 5px; margin-top: 0px; color: rgb(223, 138, 0);"> Using Moodle</div>
</td>
Thanks Michael P!
I really learned something here. But, I just gotta say this CSS stuff is really sending me crazy. 
WP1
Hi WP1,
sorry for answering late. I have been very busy the last days.
I have followed the discussions on the web concerning FIR, sFIR and many other similar methods. All have their pros and cons, but none is perfect. A collection you can find on css-discuss ImageReplacement.
I had made some extensive efforts in a project to find a way to make it possible for a client to use his corporate font with Microsoft PowerPoint. I was sure there is a way if I only look and ask long enough. I was not successful because there is no way - either the solution didn't work technically or it was illegal or the employees could not handle the technique.
Since that time I am very careful with non standard techniques and these image replacements are more or less tricks - very interesting tricks indeed.
I would like to suggest that you think about going the secure way. First build your Moodle site with standards. When you have it running you could start to use the newest and best tested of these image replacement techniques to make your site "better looking".
I hope I could help you.
Urs
I would recommend you look into something called sIFR.
It allows you to use any font you like, and creates a small flash movie of exactly the right size to replace the text you specify with a certain class.
It's an ideal tool for adding typographical richness to headlines without sacrificing broad compatability, accessability or giving yourself a great deal of work.
I've been meaning to integrate this into Moodle for a while, but Flash isn't really my thing. It may take a bit of savvy to get it to work, but I know there's a few flash-heads around here and I'd say it's much less of a dead-end than embedding fonts.
Hi David S!
This looks soooooooo cool! I just do not know if I have the "know how" to incorporate this into the Moodle I am working on. I will try however.
WP1
Hi Marcus!
Thanks for your input. What gif/png/jpg manipulating tools would you recommend. This would give me a start into the process of assessing these tools.
WP1
Note that sIFR technique degrades gracefully, presenting standard text to non-visual browsers as well as those with flash or javascript unavailable or turned off. They estimate (correctly in my view) that sIFR reaches 90% of web browsers and since it is purely presentational, no functionality is denied to that remaining 10%. This is not the case with most standard uses of Flash.
Hello All!
I would like to thank everyone who took the time to stop and respond to my call for help. I learned a lot in this thread about technique and different experiences relating to using special/custom fonts on a web site.
Once I complete this web site, I will post the approaches and solutions I tried and finally used. I hope it will help other folks.
Again, thanks to all who made suggestions and shared experiences.
WP1
Hey,
Interesting thread. I've been looking into some of the same things, one of the places I've found the most inspiration is csszengarden. They start with a standard html file and do some pretty fantastic replacement stuff with css. I don't know if that's any help to you, but it makes interesting viewing all the same.
cheers,
dave.
