Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

All other Modules /

Discuss all other Modules here.

Moderators: martimiz, Sean, biapar, Willr, Ingo, swaiba, simon_w

SiFR Font Size


Reply


8 Posts   1216 Views

Avatar
Valorinbattle

Community Member, 95 Posts

17 October 2010 at 8:33am

I've installed the SIFR module and got it working and correcting replacing the font with color, background, etc... But for some reason the size is just showing up real tiny, like maybe even 8px or so. I'm replacing the H1 font and I've changed that in typography.css and I've even add another div class around the actual content field and have tried setting the font size in that, but none of those settings seem to affect the font size. What am I missing?

Thanks for the help!

Avatar
Willr

Forum Moderator, 5513 Posts

17 October 2010 at 10:14am

Have you got a height or a width set on the header? I think that causes issues since it tries to shrink or stretch the font to fit those dimensions. I haven't used the module for a while, I personally prefer Cufon or using @font-face now.

Avatar
Valorinbattle

Community Member, 95 Posts

17 October 2010 at 10:18am

Thanks WillR. Do you have instructions for integrating Cufon or @font-face into Silverstripe? I'm just looking to do some basic font replacements. Thanks!

Avatar
Willr

Forum Moderator, 5513 Posts

17 October 2010 at 10:29am

Its pretty straight forward, using SilverStripe doesn't change the implementation much. See

http://github.com/sorccu/cufon/wiki/usage
https://developer.mozilla.org/en/CSS/@font-face

Avatar
Valorinbattle

Community Member, 95 Posts

17 October 2010 at 11:25am

Willr, I've been trying to get the @font-face to work and just can't seem to get it working.
From what I can tell, I add the @font-face css rules into my layout.css file
But then how do I get say the H1 text from a certain page type to call that @font-face rule and display the H1 text?

Sorry, this is probably pretty obvious.
Thanks.

Avatar
Willr

Forum Moderator, 5513 Posts

17 October 2010 at 1:00pm

Once you have the @font-face then you just refer to it like a standard font. font-family: MyFont, serif;

Lots of good articles on the web that can explain it better than I can http://www.css3.info/preview/web-fonts-with-font-face/

Avatar
Valorinbattle

Community Member, 95 Posts

17 October 2010 at 1:02pm

Thanks Willr. I think I've got it figured out now - it's working on IE, Safari, and Chrome, but it's not rendering on Firefox 3.6.10 for some reason. Thanks for your help though.

~ James

Avatar
kcd

Community Member, 54 Posts

11 January 2011 at 12:27pm

I just placed some instructions for Cufon here

http://www.silverstripe.org/general-questions/show/8349#post297480

May be useful to someone