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/b87a12b3-5bf9-4e04-ba9d-fe4c79018b56n%40googlegroups.com.
