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]
> <javascript:>> 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]
>> <javascript:>> 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] <javascript:>.
>>> To post to this group, send email to [email protected]
>>> <javascript:>.
>>> 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] <javascript:>
>>
>> --
>> 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] <javascript:>.
>> To post to this group, send email to [email protected]
>> <javascript:>.
>> 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 http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/d/optout.
