I'm sorry for reviving this, but this solution only works as long as the tiddler that contains the font link is open.
On Friday, 10 October 2014 16:02:11 UTC-5, Erwan Dano wrote: > > Hi all, > > I am aware this is an old topic, but like any new TiddlyWiki user I like > to look around and customize my TiddlyWiki. > When I wanted to add custom fonts, I landed here but there was no working > answer. I eventually found how to add fonts by linking here, > <https://groups.google.com/forum/#!searchin/tiddlywiki/meta/tiddlywiki/7StDWFV9Wh0/sHFyoXTA-3oJ>so > > I'll explain how I did it for newcomers. > > > 1. Create a new tiddler named as you like with the tag $:/tags/RawMarkup > and add the link to your font : > <link href='http://fonts.googleapis.com/css?family=Poiret+One' > rel='stylesheet' type='text/css'> > > And that's pretty much it... Now you can create a new tiddler named as you > like with the tag $:/tags/Stylesheet and put your css in there, for > instance : > > html span.tc-title{ > color: red; > font-family: "Poiret One", "Impact"; > } > > > For the record I tried to add the fonts without linking but it didn't > work. > Here is what I tried : > > 1. I dragged the arvo.woff file into TiddlyWiki, imported it and named > it "arvo.woff". > 2. I created a new tiddler named "macro" with the tag $:/tags/Macro and > put this code inside : > > \define datauri(title) > <$datauri tiddler="$title$"/> > \end > > 3. I created a new tiddler named "css" with the tag $:/tags/Stylesheet > and put this code inside : > > @font-face { > font-family: "Arvo"; > font-style: normal; > font-weight: 400; > src: local("Arvo"), url(<<datauri > "$:/themes/tiddlywiki/starlight/arvo.woff">>) format("woff"); > } > > html span.tc-title{ > color: red; > font-family: "Arvo", "Impact"; > } > > > > > On Wednesday, October 23, 2013 1:13:25 PM UTC+1, David Gifford wrote: >> >> Well, my technical knowledge didn't get past the third word of your >> instructions. I tried downloading the Google Font, but it is not a .woff >> file but a .ttf file. Dragging it into TW5 did nothing. A search for "woff" >> on the Google Fonts help page produced no results. >> >> >> On Wed, Oct 23, 2013 at 2:49 AM, Jeremy Ruston <[email protected]> >> wrote: >> >>> There's no equivalent to MarkUpPreHead etc yet. >>> >>> I'd have thought that your best bet would be to embed the font. This >>> should work: >>> >>> - download the .woff file containing the font >>> - drag the .woff file into TW5 >>> - rename the font tiddler as you wish >>> - in a stylesheet tiddler, include a fontface declaration like this (the >>> details are provided by google in the css file you referenced) >>> >>> @font-face { >>> font-family: "Arvo"; >>> font-style: normal; >>> font-weight: 400; >>> src: local("Arvo"), url(<<datauri >>> "$:/themes/tiddlywiki/starlight/arvo.woff">>) format("woff"); >>> } >>> >>> Then you can reference the font like this: >>> >>> body { >>> font-family: "Arvo", "Times"; >>> } >>> >>> Let me know how it goes, >>> >>> Best wishes >>> >>> Jeremy >>> >>> >>> >>> On Wed, Oct 23, 2013 at 3:06 AM, David Gifford <[email protected]> >>> wrote: >>> >>>> Hi all >>>> >>>> If I wanted to use a Google Font for my body text by linking rather >>>> than by embedding, where would I put the following? (In classic it goes in >>>> Markup post head) >>>> >>>> <link href='http://fonts.googleapis.com/css?family= >>>> Open+Sans+Condensed:300' rel='stylesheet' type='text/css'> >>>> >>>> Dave >>>> >>>> >>>> -- >>>> You received this message because you are subscribed to the Google >>>> Groups "TiddlyWiki" group. >>>> To unsubscribe from this group and stop receiving emails from it, send >>>> an email to [email protected]. >>>> To post to this group, send email to [email protected]. >>>> Visit this group at http://groups.google.com/group/tiddlywiki. >>>> For more options, visit https://groups.google.com/groups/opt_out. >>>> >>> >>> >>> >>> -- >>> Jeremy Ruston >>> mailto:[email protected] >>> >>> -- >>> You received this message because you are subscribed to a topic in the >>> Google Groups "TiddlyWiki" group. >>> To unsubscribe from this topic, visit >>> https://groups.google.com/d/topic/tiddlywiki/HynvAJZ21_8/unsubscribe. >>> To unsubscribe from this group and all its topics, send an email to >>> [email protected]. >>> To post to this group, send email to [email protected]. >>> Visit this group at http://groups.google.com/group/tiddlywiki. >>> For more options, visit https://groups.google.com/groups/opt_out. >>> >> >> >> >> -- >> David Gifford >> Christian Reformed World Missions, Mexico City >> > -- You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at https://groups.google.com/group/tiddlywiki. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/bbf649e1-6f9b-4c66-b95f-24d3f967707f%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
