Ah, it was the svg bit I was missing.

Thanks again Sylvain.



On Saturday, 9 January 2021 at 10:07:07 UTC [email protected] wrote:

> Hello Jon,
>
> In your stylesheet tiddler, change my example with this :
>
> .facss svg {
> fill:red;
> width: 100pt;
> height: 100pt;
> }
>
> We add svg attribute, and just play with width and height.
>
> Le samedi 9 janvier 2021 à 10:27:08 UTC+1, Jon a écrit :
>
>> ...sorry, not sure how to do that  
>>
>> On Friday, 8 January 2021 at 23:55:14 UTC backplane wrote:
>>
>>> Try adding a div around the icon block and using CSS to size the DIV
>>>
>>> On Friday, January 8, 2021 at 5:23:44 PM UTC-5 Jon wrote:
>>>
>>>> Hi Sylvain,
>>>>
>>>> Is it possible to alter the size?
>>>> Nothing I've tried seems to work.
>>>>
>>>> Regards
>>>> Jon
>>>>
>>>> On Friday, 8 January 2021 at 15:32:59 UTC Jon wrote:
>>>>
>>>>> Hi Sylvain,
>>>>>
>>>>> That really is 'awesome'!
>>>>>
>>>>> Thanks
>>>>> Jon
>>>>>
>>>>> On Friday, 8 January 2021 at 15:10:33 UTC [email protected] wrote:
>>>>>
>>>>>> Hi Jon,
>>>>>>
>>>>>> You can use CSS stylecheet.
>>>>>>
>>>>>> Simple example with this first tiddler with $:/tags/Stylesheet and 
>>>>>> this in text : .facss { fill:red; }  
>>>>>> In other tiddler, style with @@.facss {{$:/images/fa5/solid/bug}}@@ 
>>>>>> for example.
>>>>>>
>>>>>>
>>>>>> Cheers,
>>>>>> Sylvain
>>>>>>
>>>>>> Le vendredi 8 janvier 2021 à 15:17:58 UTC+1, Jon a écrit :
>>>>>>
>>>>>>> Unlike the CSS variety, the disadvantage of using the svg icons is 
>>>>>>> that I don't think you can colour them  - or can you? 
>>>>>>>
>>>>>>> On Friday, 8 January 2021 at 11:23:42 UTC TiddlyTweeter wrote:
>>>>>>>
>>>>>>>> Odin & Jon
>>>>>>>>
>>>>>>>> Right! It is the right place to go if you just need a few icons!
>>>>>>>>
>>>>>>>> The guy behind it,  morosanuae, took great care to make them all 
>>>>>>>> "TW Ready" ... meaning he has coded standard TW icon sizing in to all 
>>>>>>>> of 
>>>>>>>> them. That makes it even better!
>>>>>>>>
>>>>>>>> Best wishes
>>>>>>>> TT 
>>>>>>>>
>>>>>>>> On Friday, 8 January 2021 at 11:53:46 UTC+1 Jon wrote:
>>>>>>>>
>>>>>>>>> That does sound better as I am only using a few.
>>>>>>>>>
>>>>>>>>> Thanks
>>>>>>>>> Jon
>>>>>>>>>
>>>>>>>>> On Friday, 8 January 2021 at 06:55:46 UTC Odin wrote:
>>>>>>>>>
>>>>>>>>>> http://fa5-free-svg.tiddlyspot.com/
>>>>>>>>>>
>>>>>>>>>> It is this one. I like this solution as well because you can 
>>>>>>>>>> install individual icons. That helps keep the wiki small if you are 
>>>>>>>>>> using 
>>>>>>>>>> only a couple of extra icons.
>>>>>>>>>>
>>>>>>>>>> Op vrijdag 8 januari 2021 om 00:35:31 UTC+1 schreef TW Tones:
>>>>>>>>>>
>>>>>>>>>>> I cant find it now but there is a package of font awesome Icons 
>>>>>>>>>>> as SVG's for tiddlywiki.
>>>>>>>>>>>
>>>>>>>>>>> Tones
>>>>>>>>>>> On Thursday, 7 January 2021 at 23:29:45 UTC+11 Jon wrote:
>>>>>>>>>>>
>>>>>>>>>>>> Thanks TT!
>>>>>>>>>>>>
>>>>>>>>>>>> On Thursday, 7 January 2021 at 12:28:23 UTC TiddlyTweeter wrote:
>>>>>>>>>>>>
>>>>>>>>>>>>> Right! The mechanism to actually display the glyphs has to use 
>>>>>>>>>>>>> CSS classes. The font characters themselves are not directly 
>>>>>>>>>>>>> accessible 
>>>>>>>>>>>>> using entity numbers as the font is activated through classes. It 
>>>>>>>>>>>>> is not 
>>>>>>>>>>>>> globally loaded, I think.
>>>>>>>>>>>>>
>>>>>>>>>>>>> My understanding.
>>>>>>>>>>>>> TT
>>>>>>>>>>>>>
>>>>>>>>>>>>> On Thursday, 7 January 2021 at 12:48:14 UTC+1 Jon wrote:
>>>>>>>>>>>>>
>>>>>>>>>>>>>> Ah, so after a bit of lateral thinking, found the 
>>>>>>>>>>>>>> instructions at https://fontawesome.com/
>>>>>>>>>>>>>>
>>>>>>>>>>>>>> So, just in case I'm not the only one asking the question, 
>>>>>>>>>>>>>> this would go in the tiddler (Icon id in quotes):
>>>>>>>>>>>>>>
>>>>>>>>>>>>>> <i class="far fa-moon
>>>>>>>>>>>>>> f186"></i>
>>>>>>>>>>>>>>
>>>>>>>>>>>>>> Cheers
>>>>>>>>>>>>>> Jon
>>>>>>>>>>>>>>
>>>>>>>>>>>>>> On Thursday, 7 January 2021 at 08:54:10 UTC Jon wrote:
>>>>>>>>>>>>>>
>>>>>>>>>>>>>>> Hi, 
>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>> I've installed the  fontawesome plugin 
>>>>>>>>>>>>>>> <https://thediveo.github.io/TW5FontAwesome/output/fontawesome.html>
>>>>>>>>>>>>>>>  but 
>>>>>>>>>>>>>>> there aren't any instructions as to how to use it and to get 
>>>>>>>>>>>>>>> icons in a 
>>>>>>>>>>>>>>> tiddler (unless I've missed them)
>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>> I notice the cheat sheet doesn't work in my wiki, so that 
>>>>>>>>>>>>>>> might be a clue that something's not right.
>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>> Any pointers?
>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>> Thanks
>>>>>>>>>>>>>>> Jon
>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>

-- 
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 view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/5f135cf3-e4dd-4463-955a-69d36c5ff2e3n%40googlegroups.com.

Reply via email to