Lenny
Press "X" to admire hat
EDIT: I find a link to the site sometimes helps, too.
http://lenco.110mb.com/ineffably_so/index.html
-----
After the success of my first project, in which I battled fiercely with the monster hidden deep within Internet Explorer 6, the Director General has given me permission to go ahead with my second project. This time, I cross blades with a much more elegant, yet no less terrible monster - Count F'ont de Support.
On my re-re-designed blog site, I make use of the commercial font Lisboa Sans SF Light. Now it's one thing to have to buy a font, but entirely another to find out that I need some kind of hack to make it visible to everyone who views the website - if you don't have a font installed on your PC, then when you try to view it on a website, the computer obviously can't load it, and thus allows its laziness circuits to kick in, loading instead a default font that everyone has, like Arial or Times New Roman. All very well if you don't want your poor computer to exert itself and convert that flab into proper muscle, but it's an absolute headache for those of us who build websites with pretty fonts that no-one will ever see!
To cut to the chase, I've employed a work-around called sIFR which I hope has fixed the problem. This is where you, my loyal audience, comes in. Remember my PNG Alpha Channel fix? I'm going to ask of you something similar.
There are five bits of text on my new site that use the Lisboa font. I need you to compare the pictures below with what is actually shown by your browser. Simple!
On this picture, the five areas to look at have been squared with lime green, and here is what the font should look like when displayed:
1.
2.
3.
4.
If you could give a simple "Yes" or "No" to each of the four, then I'd be grateful. Also, could you tell me your browser and the version (Help > About).
Thankee.
If you find any problems with the site, then please tell me (I already know of one in IE6 - there's a nice white line below the Copyright Warning... Microsoft be damned!).
Oh, it won't work in Safari, so if you're using Safari and everything shows up in Arial and Times New Roman then it's because the makers of sIFR have yet to find a way to make fonts work in Safari.
----------
If anyone is interested in how it works:
A flash document is created with a dynamic textbox set to the font you want to display. Code within the document takes whatever is passed to it and displays it in the textbox. This document is exported as a flash movie (.swf).
Javascript is employed to pass sections of text to the flash movie. The script knows which bits to pass as within the stylesheet behind the webpage, sections are declared, and then used in the HTML document (for example, the header tags - <h1>Text</h1>).
The Javascript also displays the flash movie file on top of these sections (size and whatnot varies depending on the text size, which is itself set in a second stylesheet). Code at the bottom of each HTML document indicates which sections (<h1>, <h2> etc) are replaced by which flash movie file.
I've got five flash movie files, each one replacing a different header (h1, h2, h3, h4, h5). The reason for this is because the text I want to show in a nice font is on a coloured background. As background transparency is not supported for Flash in HTML, I've made each movie file with the background that would be shown.
And here's the sIFR site: Mike Davidson - sIFR
http://lenco.110mb.com/ineffably_so/index.html
-----
After the success of my first project, in which I battled fiercely with the monster hidden deep within Internet Explorer 6, the Director General has given me permission to go ahead with my second project. This time, I cross blades with a much more elegant, yet no less terrible monster - Count F'ont de Support.
On my re-re-designed blog site, I make use of the commercial font Lisboa Sans SF Light. Now it's one thing to have to buy a font, but entirely another to find out that I need some kind of hack to make it visible to everyone who views the website - if you don't have a font installed on your PC, then when you try to view it on a website, the computer obviously can't load it, and thus allows its laziness circuits to kick in, loading instead a default font that everyone has, like Arial or Times New Roman. All very well if you don't want your poor computer to exert itself and convert that flab into proper muscle, but it's an absolute headache for those of us who build websites with pretty fonts that no-one will ever see!
To cut to the chase, I've employed a work-around called sIFR which I hope has fixed the problem. This is where you, my loyal audience, comes in. Remember my PNG Alpha Channel fix? I'm going to ask of you something similar.
There are five bits of text on my new site that use the Lisboa font. I need you to compare the pictures below with what is actually shown by your browser. Simple!
On this picture, the five areas to look at have been squared with lime green, and here is what the font should look like when displayed:
1.
2.
3.
4.
If you could give a simple "Yes" or "No" to each of the four, then I'd be grateful. Also, could you tell me your browser and the version (Help > About).
Thankee.
If you find any problems with the site, then please tell me (I already know of one in IE6 - there's a nice white line below the Copyright Warning... Microsoft be damned!).
Oh, it won't work in Safari, so if you're using Safari and everything shows up in Arial and Times New Roman then it's because the makers of sIFR have yet to find a way to make fonts work in Safari.
----------
If anyone is interested in how it works:
A flash document is created with a dynamic textbox set to the font you want to display. Code within the document takes whatever is passed to it and displays it in the textbox. This document is exported as a flash movie (.swf).
Javascript is employed to pass sections of text to the flash movie. The script knows which bits to pass as within the stylesheet behind the webpage, sections are declared, and then used in the HTML document (for example, the header tags - <h1>Text</h1>).
The Javascript also displays the flash movie file on top of these sections (size and whatnot varies depending on the text size, which is itself set in a second stylesheet). Code at the bottom of each HTML document indicates which sections (<h1>, <h2> etc) are replaced by which flash movie file.
I've got five flash movie files, each one replacing a different header (h1, h2, h3, h4, h5). The reason for this is because the text I want to show in a nice font is on a coloured background. As background transparency is not supported for Flash in HTML, I've made each movie file with the background that would be shown.
And here's the sIFR site: Mike Davidson - sIFR