Giter VIP home page Giter VIP logo

qx-iconfont-fontawesome5's Introduction

Qooxdoo Integration of the Font Awesome 5 Icons font

These instructions assume that you are using the new qooxdoo-compiler for building your application.

Demo

Using the iconfont in your Application

$ qx package update
$ qx package list
$ qx package install ITISFoundation/qx-iconfont-fontawesome5

To induce the compiler to copy the font file you can either add a 'dummy' call to:

iconfont.fontawesome5.Load;

to your appliaction or you can explicitly include the class in the compile.json file.

Your app now knows about all the material icons. To access the icons use names like:

@FontAwesome5Solid/book/40

The demo app shows a list of all the icons available.

To find the names of the icons, either look at the demo app, or go to https://fontawesome.com/icons

Running the Demo App

This contrib also comes with a demo application. To make it really simple to test it comes with 'docker-batteries' included.

The setup is prepared for runnig with docker. You don't need a local qooxdoo install or anyting to get started. Just install docker and give this a whirl.

  • build the docker image

    $ docker-compose build
  • run the demo server

    $ docker-compose up

    Now you can open http://localhost:31754 to see fonticon browser.

If you want to run a different qx command, you can do this too

$ docker-compose run qx lint

Inspect the image interactively

$ docker run --entrypoint /bin/bash -i -t itisfoundation/qx-iconfont-fontawesome5

qx-iconfont-fontawesome5's People

Contributors

dependabot[bot] avatar hkollmann avatar oetiker avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

qx-iconfont-fontawesome5's Issues

remove svg file

Is it possible to remove the svg files from the package?
SVG fonts are not supported by any browser.
The qooxdoo compiler can not read the size information from this files while font tags are no longer valid svg...

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.