How to use font-awesome/line-awesome in Quark

6

@daredevil, fa-stream does not seem to exist in the line-awesome library provided by Quark.

According the CHANGELOG.md of Quark:

v1.0.2

02/19/2018

Switched to a fork of LineAwesome icons compatible with FontAwesome 4.7.0

No guarantees, but the following upgrade to the latest line-awesome library seems to work on the ‘One-Page’ skeleton:

  • Go to Line Awesome — Free Beautiful Icon Font
  • Click ‘Download Zip’
  • From zip-file copy all files from /1.3.0/fonts into /themes/quark/fonts/
  • Rename /themes/quark/css/line-awesome.min.css to line-awesome.min.css.org (just in case…)
  • From zip-file copy /1.3.0/css/line-awesome.min.css to /themes/quark/css/
  • Open line-awesome.min.css in editor and replace all .la with .fa
  • In features.md add:
    features:
    - header: Stream
      icon: fa fa-stream
    - header: Film
      icon: fa fa-film
    - header: Video
      icon: fa fa-video
    - header: Circle
      icon: fa fa-dot-circle
  • Browse to the page and you should get something like:
    image

Note: All changes to a theme should be made in an inherited theme. If not, your changes might get lost when a new version of Quark arrives.

Disclaimer:
Again, this is a quick and dirty upgrade and there may be oversights from my part leading to glitches… Please test your site.