Changing the default font for tiddler text

81 views
Skip to first unread message

AndrewMc

unread,
Nov 25, 2017, 1:15:35 AM11/25/17
to TiddlyWiki
Hi All

I would like to change the default font for tiddler text from the default sans-serif font to one with serifs.
I want to leave the font for headings and titles as it is (that is, I want the heading to stay using the sans-serif font).

Can anyone give me advice on how to do this or perhaps direct me to instructions somewhere?

Cheers
Andrew Mc

Jed Carty

unread,
Nov 25, 2017, 3:33:48 AM11/25/17
to TiddlyWiki
Make a tiddler named whatever you want, give it the tag $:/tags/Stylesheet and put this is the body:


.tc-tiddler-frame .tc-tiddler-body {
font-family: 
serif;
}

.tc-tiddler-frame .tc-tiddler-body > h1 {
font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.tc-tiddler-frame .tc-tiddler-body > h2 {
font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.tc-tiddler-frame .tc-tiddler-body > h3 {
font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

and that should change the body of all tiddlers to the generic serif font available but all h1 h2 and h3 tags will have the default sans-serif font.

I made a thing to play with things like this a bit on the wiki reference wiki here.

AndrewMc

unread,
Nov 25, 2017, 1:02:13 PM11/25/17
to TiddlyWiki
Thank you Jed. That was just what I needed. I especially appreciated being able to play with settings in your reference wiki. It is excellent!

Cheers
Andrew Mc
Reply all
Reply to author
Forward
0 new messages