[tw] Re: [TW5] How to embed a font (using @font-face and data-url)

2017-10-01 Thread Thomas Elmiger
Hi all Like Mario and Josiah I prefer the SVG way. I tried to make the graphics accessible and translatable too. So here’s a little plugin to add HarveyBalls to your wikis: http://tid.li/tw5/plugins.html#%24%3A%2Fplugins%2Ftelmiger%2FHarveyBalls Make a backup, drag it over, try it and let

[tw] Re: [TW5] How to embed a font (using @font-face and data-url)

2017-10-01 Thread Ste Wilson
Stumbled around asciifish.tiddlyspot.com from the link above to work out how to use Google fonts. Not sure my tiddlywiki looks any more readble/ stylish now but have written myself some instructions. stephenteachertests.tiddlyspot.com/#Font Thank you peeps. Ste -- You received this

[tw] Re: [TW5] How to embed a font (using @font-face and data-url)

2017-10-01 Thread RunningUtes
Thank you! That worked great. On Sunday, October 1, 2017 at 1:07:38 AM UTC-7, Birthe C wrote: > > Your stylesheet must be type text/css > I just tried here (The TW is in danish) HarveyBalls > > > Birthe > > > -- You received this message because

Re: [tw] Re: [TW5] How to embed a font (using @font-face and data-url)

2017-10-01 Thread Alex Hough
Hi Birthe, ha! yes! I loose track of my TW... i bet I have loads on TiddlySpot. The wiki was an attempt to add charm to a TW. I met a games designer who ran workshops. One of the pupils in the class wanted to put the charm into the games, the little things that you only notice if you look

Re: [tw] Re: [TW5] How to embed a font (using @font-face and data-url)

2017-10-01 Thread Birthe C
Hi Alex, I got the animated button from Rustem http://solar-flair.tiddlyspot.com/#%24%3A%2F_ra%2Fstyles%2FButtons%20animation I preferred only to have the dirty one animated. It is a help not to forget to save. And you were the one to teach me how to use Google fonts

Re: [tw] Re: [TW5] How to embed a font (using @font-face and data-url)

2017-10-01 Thread Alex Hough
Birthe really nice to see those fonts, especially wiht the Danish special characters I notice the download button is animated, is that one of your additions? Alex On 1 October 2017 at 09:07, Birthe C wrote: > Your stylesheet must be type text/css > I just tried here

[tw] Re: [TW5] How to embed a font (using @font-face and data-url)

2017-10-01 Thread Birthe C
Your stylesheet must be type text/css I just tried here (The TW is in danish) HarveyBalls Birthe -- You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To unsubscribe from this group and stop receiving

[tw] Re: [TW5] How to embed a font (using @font-face and data-url)

2017-09-30 Thread @TiddlyTweeter
Did you try convert them to svg? SVG is the best method for embedded images in TW for your kind of situation, I think? Unless I misunderstood. Best wishes josiah On Sunday, 1 October 2017 03:49:14 UTC+2, RunningUtes wrote: > > I was wondering if anyone could look at this and tell be what I am

[tw] Re: [TW5] How to embed a font (using @font-face and data-url)

2017-09-30 Thread RunningUtes
I was wondering if anyone could look at this and tell be what I am doing wrong. I am trying to embed a small section of fonts. I am trying to embed Harvey Balls which are round ideograms used for visual communication of qualitative information.

[tw] Re: [TW5] How to embed a font (using @font-face and data-url)

2014-12-02 Thread Tobias Beer
Definitely :) On Tuesday, 2 December 2014 02:00:11 UTC+1, Birthe C wrote: Hi Tobias You are absolutely right, psychedelic sickening. I guess you better like the screenshot from my old TW then?

[tw] Re: [TW5] How to embed a font (using @font-face and data-url)

2014-12-01 Thread Sylvain Naudin
Le dimanche 30 novembre 2014 16:48:30 UTC+1, Tobias Beer a écrit : Great tip, I've also added it here... http://tb5.tiddlyspot.com/#Using%20%20A%20Custom%20Font I am also doing a little presentation thing for this awesome font awesomeness... http://fontawesome.tiddlyspot.com ...but

[tw] Re: [TW5] How to embed a font (using @font-face and data-url)

2014-12-01 Thread Tobias Beer
Tobias, good job as always ! I like your fa stylesheet, and I think I had to studies this to have some great visual tiddler. Do you have ever wrote something on this ? I put a note on my todo list for it. ;) You know, the styles were mostly inspired — if not actually copied pasted —

[tw] Re: [TW5] How to embed a font (using @font-face and data-url)

2014-12-01 Thread Sylvain Naudin
Le lundi 1 décembre 2014 23:41:08 UTC+1, Tobias Beer a écrit : Tobias, good job as always ! I like your fa stylesheet, and I think I had to studies this to have some great visual tiddler. Do you have ever wrote something on this ? I put a note on my todo list for it. ;)

[tw] Re: [TW5] How to embed a font (using @font-face and data-url)

2014-12-01 Thread Sylvain Naudin
https://lh4.googleusercontent.com/-0EQZKOt-aLs/VHz9RYuG3sI/aL4/SfT83SoSoJc/s1600/ttf-cc-webfont.png Le dimanche 30 novembre 2014 11:36:31 UTC+1, Albert a écrit : Finally just tested with Creative Commons TTF for example, work like a charm :) Thanks for sharing this tips. Sylvain --

[tw] Re: [TW5] How to embed a font (using @font-face and data-url)

2014-12-01 Thread Birthe C
We can also be decorative without adding more fonts to our TW. I like to use first big letter occasionally. It can easily be overused. When I saw Tobias way of adding inline style using the style tag I used it in this way. (I do realise my example looks awful, but change the size and colour

[tw] Re: [TW5] How to embed a font (using @font-face and data-url)

2014-12-01 Thread Tobias Beer
Salut Sylvain, Well I practice quickly (see img file). Again, I like it ! It remind me the official docs now ^-^' (http://tiddlywiki.com/#How%20to%20apply%20custom%20styles%20by%20tag) For sure, it's really nothing out of the ordinary... merely applying the rules. ^_^ Best wishes,

[tw] Re: [TW5] How to embed a font (using @font-face and data-url)

2014-12-01 Thread Tobias Beer
While this screenshot looks like it needs some font-cosultant... https://lh6.googleusercontent.com/-CsMB0iink18/VH0Gyy3loAI/BqU/6RlV4FVIf3s/s1600/some.gif This is really nice with the right custom celtic font -- You received this message because you are subscribed to the Google Groups

[tw] Re: [TW5] How to embed a font (using @font-face and data-url)

2014-12-01 Thread Tobias Beer
Interesting... this even got posted before I hit post :D -- 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+unsubscr...@googlegroups.com. To post to this

[tw] Re: [TW5] How to embed a font (using @font-face and data-url)

2014-12-01 Thread Birthe C
Hi Tobias You are absolutely right, psychedelic sickening. I guess you better like the screenshot from my old TW then? https://lh4.googleusercontent.com/-aHg5aLFkXVU/VH0NrCuS7pI/Bt8/3kIhshRfUOw/s1600/StortBogstav.png -- You received this message because you are subscribed to the Google

[tw] Re: [TW5] How to embed a font (using @font-face and data-url)

2014-11-30 Thread Tobias Beer
Great tip, I've also added it here... http://tb5.tiddlyspot.com/#Using%20%20A%20Custom%20Font I am also doing a little presentation thing for this awesome font awesomeness... http://fontawesome.tiddlyspot.com ...but it's not finished yet with the tagging and all. Best wishes, Tobias. --

Re: [tw] Re: [TW5] How to embed a font (using @font-face and data-url)

2014-11-30 Thread Alex Hough
Tobias, the animation classes in FA are also worth looking at. i had great fun getting things to spin Alex On 30 November 2014 at 15:48, Tobias Beer beertob...@gmail.com wrote: Great tip, I've also added it here... http://tb5.tiddlyspot.com/#Using%20%20A%20Custom%20Font I am also

[tw] Re: [TW5] How to embed a font (using @font-face and data-url)

2014-11-30 Thread Birthe C
Hi Tobias In this discussion https://groups.google.com/d/msg/tiddlywiki/2Ph1RGBrbIo/2nSNcUDyzx4J FontAwesome was used for icons on links. I must admit that I never got that to work in my TW. Would you consider it for your presentation of awsomeness? Birthe On Sunday, November 30, 2014

Re: [tw] Re: [TW5] How to embed a font (using @font-face and data-url)

2014-11-30 Thread Ton Gerner
Hi, Yes, animation can be great fun. Try e.g. @@.fa @@.fa-spin @@.fa-2x ooo @@ or @@.fa-spin @@.fa-5x i class=fa fa-cubes/i @@ or i class=fa fa-spini with some text below it Cheers, Ton On Sunday, November 30, 2014 7:51:03 PM UTC+1, AlexHough wrote: Tobias, the animation classes

[tw] Re: [TW5] How to embed a font (using @font-face and data-url)

2014-11-30 Thread Tobias Beer
Hi Alex, Ton... the animation classes in FA are also worth looking at. i had great fun getting things to spin Yes, animation can be great fun. Maybe... ;) Personally, I get quickly tired of spinning things... so, without a functional side to the spinning, I'd prefer to stay away from

[tw] Re: [TW5] How to embed a font (using @font-face and data-url)

2014-11-30 Thread Tobias Beer
Hi Birthe, I noticed you're very resourceful in all these things... like Stephan. One thing I wanted to do with both the tags list and the icon list on the GettingStarted http://fontawesome.tiddlyspot.com tiddler is to put a search box on top and then have both lists filtered based on that.