2 Replies Latest reply on Dec 15, 2016 9:10 AM by jgoldhammer

    How to include font-awesome correctly in custom html tile?

    jgoldhammer

      Hi,

       

      I have generated a new project with the jive-sdk by using following command:

      jive-sdk create tile-app-internal --name="hosted-app-internal"

      I have created the fonts directory and put the fonts of font awesome into it.

       

      And i placed the font-awesome.min.css into stylesheets.

       

      I want to include font-awesome and have included it into the generated view.html via following line.

       

          <link rel="stylesheet" type="text/css" href="/yyy-tile/stylesheets/font-awesome.min.css"
      

       

      The file font-awesome.min.css is loaded correctly, but browser than tries to load the font-awesome.ttf file from domain app-xxx.jiveon.com, starting with app-xxx.jiveon.com

      Access to Font at 'https://xxx.jiveon.com/resources/add-ons/6ed3de0d-439e-4600-a…9cef14/tiles/yyy-tile/fonts/fontawesome-webfont.ttf?v=4.7.0' from origin 'https://app-xxx.jiveon.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://app-xxx.jiveon.com' is therefore not allowed access.

       

      Environment:

      - Jive Cloud

      - Custom View HTML tile apphosting : jive

       

      Any ideas how to do that correctly?