Question

There are many places that discuss changing the font, like PatternSkinCssCookbook. And some that discuss editing CSS files for various customizations like PatternSkinCustomization. But I don't see one on how to make the current font(s) larger or smaller. Various files in the templates have HTML tags like <font size="-2"> but I am not sure what I can safely change.

Some users complain that the text is too large when printed. My goal is to make the PatternSkin print view text smaller. I assume this means editing a style definition used by viewprint.pattern.tmpl but I don't know where.

I'm an embedded C programmer, not a web developer. I can stumble around and eventually find it but someone here probably knows the right spot already.

Environment

-- AlanDayley - 08 Jan 2007

Evidently, this question is one or more of the following:

• Is hard to answer
• Is so easy it will be self evident in the code once anyone dives in so guidance is not needed
• Is not important enough to give attention

That's fine. I'm just whining that I'll have to dive into it this weekend. And needed to say something to push this back to the top of the recent questions list.

-- AlanDayley - 16 Feb 2007

Answer

If you answer a question - or someone answered one of your questions - please remember to edit the page and set the status to answered. The status selector is below the edit box.

It would be me to answer this question. And I was ill at the time you posted, so its good you return to your question.

I would be reluctant to change font size values if your site is on the internet (not intranet) or accessed by different browsers (IE, Firefox, Mac). The current values try to get a middle ground. Of course you are free to decide...

To change the overall font size, go to pub/TWiki/PatternSkin/style.css and find this block:

#patternPage {
   font-family:arial, "Lucida Grande", verdana, sans-serif;
   line-height:1.4em; /*S1*/
   /* change font size here */
   font-size:105%;
}

For print view only, go to pub/TWiki/PatternSkin/print.css and add this:

#patternPage {
    font-size:100%;
}

Try out different values.

To keep this kind of changes when you upgrade TWiki you better follow the PatternSkinCssCookbook documentation on how to modify styles.

-- ArthurClemens - 16 Feb 2007

I don't know that the question was actually answered. I believe the user was asking - as am I - how to increase or decrease font size per word, sentence or paragraph, not the entire web. I know in Confluence it was something like "Tiny Text" variable. More information somewhere? This should be simple.

-- KellyRiley - 2009-06-25

Kelly, I answered this at your other posting, Support.SID-00387

-- SeanCMorgan - 2009-07-02