Support for sIFR for headings

This is a forum to suggest new features for mojoPortal. 

This thread is closed to new posts. You must sign in to post in the forums.
10/2/2010 2:57:44 PM
steve1
Gravatar
Total Posts 10
View Posts

Support for sIFR for headings

http://sifrvault.com/resources

From this site:

sIFR has solved one of the longest outstanding issues with typography on the Web: cross-browser font embedding. In the past, Web designers have had to hope and pray that the fonts they wanted to use were available on their user’s machine. Font-embedding plugins never gained acceptance or were never available in more than one browser. sIFR offers reliable cross-browser support for embedded fonts.

I've successfully used sIFR in other projects, and it occurred to me today that it would be great to have "in the box" support in mojoportal for sIFR fonts for headings etc. 

10/4/2010 2:11:12 PM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: Support for sIFR for headings

Hi Steve,

I would like to think something like that could be isolated to the skin and not need any implementation provided in mojoPortal, though I don't know anything about what it takes to integrate it at this point. Maybe you could do a blog post about how to integrate it or make an example skin that uses it.

There are also other font solutions out there like Google Web Fonts, cufon and probably others.

Best,

Joe

10/4/2010 2:43:00 PM
xmlsteve
Gravatar
Total Posts 22
View Posts

Re: Support for sIFR for headings

Thanks Joe, 

I wasn't aware of Google Font API, and from the looks of it, it is probably a better solution than sIFR for web fonts (Flash has its own memory problems, and Flash is the basis of sIFR. While it looks nice, with many windows open it sometimes hiccups).

Thanks for the tip, and you are probably right that the skins would be a simpler place for this.

10/13/2010 4:43:22 PM
IndigoTea
Gravatar
Total Posts 355
View Posts

Re: Support for sIFR for headings

I implemented cufon in a mojoportal site earlier this year (www.arcaneleather.com).  It's not that difficult, but do be aware of the caveats regarding its use, and what fonts you utilize.

3/18/2011 12:28:22 PM
Silviuz
Gravatar
Total Posts 21
View Posts
Silviuz

Re: Support for sIFR for headings

Hi IndigoTea

could you please explain how did you implemented cufon method?

Where (in what folder) did you put cufon.js and yourfont.js???

Thanks

3/18/2011 1:02:29 PM
IndigoTea
Gravatar
Total Posts 355
View Posts

Re: Support for sIFR for headings

Silviuz,

I've recently remodeled that site, so the cufon's no longer currently implemented - however, I do keep iterations on hand, so here's how cufon was implemented previously.

These lines are in the skin's layout.master:

<script type="text/javascript" src="http://github.com/sorccu/cufon/raw/master/js/cufon.js"></script>
  <script src="/ClientScript/cufon/Lightfoot_400.font.js" type="text/javascript"></script>

  <script type="text/javascript">
      var h = document.getElementsByTagName("h1");
      for (var i = 0; i < h.length; i++) {
          Cufon.replace('h1', { textShadow: '2px 2px black' });
      }
  </script>

 

Refer to the remote copy of cufon.js, and create a folder under ClientScript for your font file - the rest is pretty much by the book.  Let me know how this works out for you!

You must sign in to post in the forums. This thread is closed to new posts.