Skip to content

8ctopus/sciter-fontawesome

Repository files navigation

sciter fontawesome

Fontawesome 6 support for sciter.js.

sciter fontawesome

demo

  • git clone the repository
  • install packages npm install
  • install latest sciter sdk npm run install-sdk
  • start the demo npm run scapp

demo requirements

  • A recent version of Node.js node (tested with 16 LTS) and its package manager npm.

add to your project

using npm

  • install package npm install sciter-fontawesome
  • include <style src="node_modules/sciter-fontawesome/src/fontawesome.css" />

copy source

  • add the src dir to your project
  • include <style src="src/fontawesome.css" />

known issues

  • on linux the fontawesome font cannot be installed *

    Current Linux implementation does not support this functionality. GTK/Cairo has no means for that. Please wait for Sciter 5.X.X.X where I am switching to Skia as a primary backend on Linux.

  • css @keyframes are not working since 4.4.8.27

how to convert fontawesome css to work with sciter

// reset ux-master.css default vertical flow
button {
  flow: horizontal;
}

// reset master-base.css properties on first and last child
button > :first-child {
  margin-top: 0;
}

button > :last-child {
  margin-bottom: 0;
}

// fix icons vertical alignment in button
button > i {
  vertical-align: middle;
}

// improve icon position in button
button > i:first-child {
  margin-right: 0.5em;
}

button > i:last-child {
  margin-left: 0.5em;
}