10713 Posts in 2391 Topics by 1763 members
|Go to End|
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!
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.
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!
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.
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/
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.
11 January 2011 at 12:27pm
I just placed some instructions for Cufon here
May be useful to someone
|Go to Top|