Mohammad,

What do you want to use it for?, I wanted icons

Either import on the icons you want, Or use selected css files instead for 
lower size.


It being a While since I played with font awesome but download Font Awesome 
free fontawesome-free-5.3.1-web.zip 
from 
https://fontawesome.com/how-to-use/on-the-web/setup/getting-started?using=web-fonts-with-css

And unzip it, Have a look under the svg's folder and there are over a 1000 
svgs you can drag and drop on to your wiki as needed. You can use the free 
inkscape to color or edit them, and or export them as png

If you drag and drop them onto your wiki, they open very big, just edit 
them and add  width="32" height="32" inside the opening <svg    width="32" 
height="32"> or your preferred size, with any other statements, use the 
existing ones if they are there.

You can also drag and drop one of the css files and tag it 
$:/tags/Stylesheet
Save and Maybe reload

This for example then works
<div class="fa-pulse">
Text
</div>

<div class="fa-rotate-180">
Text
</div>
<div class="fa-flip-horizontal">
Text
</div>


But if you read behind the scenes you can do a lot more

Sometime even just reading the css file shows you how they implement 
their ow class definitions using standard css

eg;
<div class="fa-lg">
Text
</div>


uses the following css

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em; }

Which you could use on your own.

However this all started for me 
using https://thediveo.github.io/TW5FontAwesome/output/fontawesome.html

Regards
Tony


On Monday, October 1, 2018 at 4:49:06 PM UTC+10, Mohammad wrote:
>
> Searching the Tiddlywiki Toolmap 
> <https://dynalist.io/d/zUP-nIWu2FFoXH-oM7L7d9DM#q=FontAwesome> shows 
> these two plugin to use fontawsome with TW5
>
>
>    - http://tobibeer.github.io/tw/fa/#GettingStarted
>    - http://thediveo.github.io/TW5FontAwesome/
>    
> However the plugins are heavy and large in size (like 300kb)! Is there any 
> way to have a plugin lighter or is there any experience using a few 
> selected font icons wiith TW?
> Note: I want the plugin work offline and not use the CDN!
>
> Mohammad
>
>

-- 
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 https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/ec46e79a-e2a1-43d9-8187-9e8bd0a8e281%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Reply via email to