sIFR text and parse files

(Nic Hubbard) #21

Ok, looks like it is more of an issue of the element not being visible, so the sIFR won’t work because the tab is hidden. Take a look at: http://docs.jquery.com/UI/Tabs#…my_slider.2C_Google_Map.2C_sIFR_etc.not_work_when_placed_in_a_hidden.28inactive.29_tab.3F

(Miriam Clinton) #22

[quote]
Thanks Nic, I'll take a look at the jQuery live event. Do you have any info about this or links? - I'm sorta learning the way you did as well - just needed to do it so jumped in the deep end with some rudimentary grounding in programming. I have to say this stuff is addictive :slight_smile:



Yeah its definately the tabs that are screwing it up. Unfortunately thats a feature we really need so that kids can read through the information while completing the quiz (it's for an OH&S training site). You can see here: http://www.education.tas.gov.au/?a=282489 we're using 'Dirty Headline' as our sIFR font, which runs in the banner, page header and successfully on the first tab, but if you try to get to any of the others it won't render.

[/quote]



Thanks!



I think you have hit the nail on the head there, it is definately something with the tab script that is breaking my sIFR, unfortunately the fix by positioning way off the screen still isnt solving it :frowning:



I'll keep hammering away but may have to give up on sIFR within the tabbed section… or look at the jQuery live event.

(Ryan Callaghan) #23

if your still having problems, maybe you should try "cufon" its A LOT easier to set up and I could walk you through it if you want.

(Miriam Clinton) #24

[quote]
if your still having problems, maybe you should try "cufon" its A LOT easier to set up and I could walk you through it if you want.

[/quote]



I think I'll try cufon next time round, it does look easy - we've ended up a bit too committed to sIFR for this site so we'll just have to remove it from the tabbed sections.

(Duncan Robertson) #25

I've used Cufon - watch out for the legal issues though. But Dirty Headline is free for use which 'probably' means it's ok.

(Nick Cowie) #26

[quote]
I’ve used Cufon - watch out for the legal issues though. But Dirty Headline is free for use which ‘probably’ means it’s ok.

[/quote]

I would use @font-face, get rid of that javascript nonsense and just use plain old CSS



It is a little more complex than that especially converting fonts to .eot format but here are a few useful links



Convert .ttf to .eot online http://ttf2eot.sebastiankippe.com/

A collection of fonts already to use for @font-face http://www.fontsquirrel.com/fontface

Getting the CSS right http://www.fontsquirrel.com/fontface

(Miriam Clinton) #27

[quote]
I would use @font-face, get rid of that javascript nonsense and just use plain old CSS



It is a little more complex than that especially converting fonts to .eot format but here are a few useful links



Convert .ttf to .eot online http://ttf2eot.sebastiankippe.com/

A collection of fonts already to use for @font-face http://www.fontsquirrel.com/fontface

Getting the CSS right http://www.fontsquirrel.com/fontface

[/quote]



This looks a lot better - I haven’t come across it before but I would much prefer to use CSS.



My only question is - how far back is it compatible with browser versions? It is still possible that we have some users with IE6.

(Aleks Bochniak) #28

[quote]
This looks a lot better - I haven't come across it before but I would much prefer to use CSS.



My only question is - how far back is it compatible with browser versions? It is still possible that we have some users with IE6.

[/quote]



Yeh it's compatible with IE6 if you provide a ms weft (.eot) font. However, you will see the unstyled font until the linked font file is downloade (only in IE6).



Below is an example of my css (which I believe is near bullet-proof)


    
    @font-face{ /* for IE */
    	font-family:"Gotham Narrow Bold";
    	src:url('../fonts/GothamNarrow-Bold.eot');
    }
    @font-face { /* for non-IE */
    	font-family:"Gotham Narrow Bold";
    	src:url(//:) format("No-IE-404"), local('Gotham Narrow Bold'), local('GothamNarrow-Bold'), url('../fonts/GothamNarrow-Bold.otf') format('opentype');
    } 
    
    
    .ur_font {
    	font-family: "Gotham Narrow Bold" !important;
    }
(Miriam Clinton) #29

[quote]
I've used Cufon - watch out for the legal issues though. But Dirty Headline is free for use which 'probably' means it's ok.

[/quote]



I've just returned to this issue after experimenting with both @font-face and cufon as we've had a lot of reports of people being dissatified with sIFR - along with it being broken by various jquery plugins.



And now I've run into the legal issues - as the @font-face loads a copy of the font from the web server, technically, it can be extracted, downloaded and installed. Cufon has a few protection measures against this, such as making it only valid within the site, @font-face is much nicer to use but has none due to it being CSS3.



Does anyone know whether Microsoft's fonts (Gill Sans MT etc) are legal for use in this way? On Microsoft's site the entry at http://www.microsoft.com/typography/fonts/font.aspx?FMID=979 says "Embedding: Editable embedding allowed". I am not sure if this means I'm able to embed this font for web use or not.



cheers

Miriam

(Duncan Robertson) #30

Hi Miriam, why not pop over to Font Squirrel who have @FontFace kits which are pre-configured and available for commercial use?


You’ll find something that looks a lot like Gill Sans there:



http://www.fontsquirrel.com/fontface