font question

[Ákos Szederjei]

Hello everyone on this lovely list!

I just discovered TiddlyWiki, and I am fooling around with the different
style settings ,like: CSS, fonts, etc.

I have a couple of questions, and I hope I am at the right place.

Q1
This code does exactly what is says in each line, when put into a
Tiddler in the most basic TiddlyWiki.

None Raleway text<br>
@@font-family:'Raleway'; Raleway font test text <br>
//Raleway//@@ <br>
Test text should be //not// Raleway

While I am happy it works, the questions remains why? From where does
the TW know where the Raleway (a Google font actually) font is? I gave
no url or anything. I am not expert on CSS and HTML so forgive me if the
answer is obvious.


Q2
I would like to use the above mentioned Raleway font for the whole wiki.

I made a tiddler names stylesheet, with the tag stylesheet and set the
type to text/css,
I put
body {font-family: 'Raleway', sans-serif;}
into it.
This one does not change all text to Raleway. What is wrong here?

Thanks for the help in advance.

Ákos

[Siniy-Kit]

you can put  code with path to font file (.ttf for example)  to your stylesheet

for example

@font-face {
 font-family: 'fontawesome';
 src: url('fonts/fontawesome-webfont.eot');
 src: url('fonts/fontawesome-webfont.woff') format('woff'), url('fonts/fontawesome-webfont.ttf') format('truetype'), url('fonts/fontawesome-webfont.svg') format('svg');
}

@font-face {
 font-family: "PF Square Sans Pro Thin";
 src: url('fonts/a-light-webfont.eot');
 src:  url('fonts/a-light-webfont.woff') format('woff'), url('fonts/a-light-webfont.ttf') format('truetype'), url('fonts/a-light-webfont.svg') format('svg');
}

and then you can use "family"

browser can take fonts without  @font-face if you have this font local.

пятница, 1 апреля 2016 г., 18:24:10 UTC+3 пользователь Ákos Szederjei написал:

[Ákos Szederjei]

Like this?

@font-face {
{font-family: 'Raleway', sans-serif;}
src: url('http://akos.hd.hu/font/Raleway-Regular.ttf') format('truetype');

body {font-family: 'Raleway', sans-serif;}

On 4/1/2016 6:31 PM, Siniy-Kit wrote:
> you can put code with path to font file (.ttf for example) to your
> stylesheet
>
> for example
>
> |
> @font-face {
> font-family: 'fontawesome';
> src: url('fonts/fontawesome-webfont.eot');
> src: url('fonts/fontawesome-webfont.woff') format('woff'),
> url('fonts/fontawesome-webfont.ttf') format('truetype'),
> url('fonts/fontawesome-webfont.svg') format('svg');
> }
>
>
>
>
>
>
>
> @font-face {
> font-family: "PF Square Sans Pro Thin";
> src: url('fonts/a-light-webfont.eot');
> src: url('fonts/a-light-webfont.woff') format('woff'),
> url('fonts/a-light-webfont.ttf') format('truetype'),
> url('fonts/a-light-webfont.svg') format('svg');
> }
> |
>
>
> and then you can use "family"
>

> --
> 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 tiddlywiki+...@googlegroups.com
> <mailto:tiddlywiki+...@googlegroups.com>.
> To post to this group, send email to tiddl...@googlegroups.com
> <mailto:tiddl...@googlegroups.com>.
> 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/285da20d-f946-4ba4-befd-8c3fac6475a2%40googlegroups.com
> <https://groups.google.com/d/msgid/tiddlywiki/285da20d-f946-4ba4-befd-8c3fac6475a2%40googlegroups.com?utm_medium=email&utm_source=footer>.
> For more options, visit https://groups.google.com/d/optout.

[Siniy-Kit]

like this.

@font-face  {

font-family: 'Raleway', sans-serif;
 src: url('http://akos.hd.hu/font/Raleway-Regular.ttf') format('truetype');

}

body {font-family: 'Raleway', sans-serif;}

but ttf don't work in IE. for IE use .eot

пятница, 1 апреля 2016 г., 21:37:16 UTC+3 пользователь Ákos Szederjei написал:

> <mailto:tiddlywiki+unsub...@googlegroups.com>.

[Ákos Szederjei]

Thank you for your patience.

I am a bit at loss. I did input the code into the tiddler, but it it
still does not work for all fonts, actually nothing changes.

The "test Raleway" tiddler (see file below) does work and I do not
understand the logic why.

I uploaded the TW file if it helps to have a look at it:
http://akos.hd.hu/empty%281%29.html

What could be problem?

Thanks,
Ákos

> > an email to tiddlywiki+...@googlegroups.com <javascript:>
> > <mailto:tiddlywiki+...@googlegroups.com <javascript:>>.

> > To post to this group, send email to tiddl...@googlegroups.com

> <javascript:>
> > <mailto:tiddl...@googlegroups.com <javascript:>>.

> > Visit this group at https://groups.google.com/group/tiddlywiki

> <https://groups.google.com/group/tiddlywiki>.

> > To view this discussion on the web visit
> >
> https://groups.google.com/d/msgid/tiddlywiki/285da20d-f946-4ba4-befd-8c3fac6475a2%40googlegroups.com
> <https://groups.google.com/d/msgid/tiddlywiki/285da20d-f946-4ba4-befd-8c3fac6475a2%40googlegroups.com>
>
> >

> <https://groups.google.com/d/msgid/tiddlywiki/285da20d-f946-4ba4-befd-8c3fac6475a2%40googlegroups.com?utm_medium=email&utm_source=footer

> <https://groups.google.com/d/msgid/tiddlywiki/285da20d-f946-4ba4-befd-8c3fac6475a2%40googlegroups.com?utm_medium=email&utm_source=footer>>.
>
> > For more options, visit https://groups.google.com/d/optout

> <https://groups.google.com/d/optout>.
>

[Archizona V]

Try to add tag $:/tags/Stylesheet to tiddler with styles

[Ákos Szederjei]

Woooot! That was it! Thank you very much Archizona V!!!
Back to work until the next question! ;)

Ákos