Hi,
the following code drives me crazy.
I need to use Font Awesome in a qooxdoo project but I get a strange
behaviour: fonts are shown well at a first time but after 1-2 seconds fonts
changes to a local font. In these 2 second neither Firebug nor Internet
Explorer developer tools show any font download.
I tested qooxdoo 3.0.2 and 4.0.1, IIS on Windows and Apache on Centos.
If I remove Font Awesome from project there is no problem.

Where I am wrong?
Thanks

Here is my code:
qx.Theme.define("testwebfont.theme.Font",
{
  extend : qx.theme.modern.Font,

  fonts :
  {
    "fancy" :
    {
      size : 11,
      lineHeight : 1.4,
      family : [ "Tahoma", "Liberation Sans", "Arial" ],
      sources:
      [
        {
          family : "YanoneKaffeesatzRegular",
          source:
          [
            "testwebfont/fonts/yanonekaffeesatz-regular-webfont.eot",
            "testwebfont/fonts/yanonekaffeesatz-regular-webfont.ttf",
            "testwebfont/fonts/yanonekaffeesatz-regular-webfont.woff",
           
"testwebfont/fonts/yanonekaffeesatz-regular-webfont.svg#YanoneKaffeesatzRegular"
          ]
        }
      ]
    },
    "myicons" :
    {
      size : 11,
      lineHeight : 1.4,
      family : [ "Tahoma", "Liberation Sans", "Arial" ],
      sources:
      [
        {
          family : "FontAwesome",
          source:
          [
            "testwebfont/fonts/fontawesome-webfont.eot",
            "testwebfont/fonts/fontawesome-webfont.ttf",
            "testwebfont/fonts/fontawesome-webfont.woff",
            "testwebfont/fonts/fontawesome-webfont.svg#fontawesomeregular"
          ]
        }
      ]
    }
  }
});

-----

/**
 * This is the main application class of your custom application
"testwebfont"
 *
 * @asset(testwebfont/*)
 */
qx.Class.define("testwebfont.Application",
{
  extend : qx.application.Standalone,



  /*
 
*****************************************************************************
     MEMBERS
 
*****************************************************************************
  */

  members :
  {
    /**
     * This method contains the initial application code and gets called 
     * during startup of the application
     * 
     * @lint ignoreDeprecated(alert)
     */
    main : function()
    {
      // Call super class
      this.base(arguments);

      // Enable logging in debug variant
      if (qx.core.Environment.get("qx.debug"))
      {
        // support native logging capabilities, e.g. Firebug for Firefox
        qx.log.appender.Native;
        // support additional cross-browser console. Press F7 to toggle
visibility
        qx.log.appender.Console;
      }

      /*
     
-------------------------------------------------------------------------
        Below is your actual application code...
     
-------------------------------------------------------------------------
      */

      var doc = this.getRoot();
      var text1 = new qx.ui.basic.Label("Label in standard font GgQq " +
qx.Bootstrap.getEnvironmentSetting("qx.version"));
      doc.add(text1, {left: 100, top: 50});
      var text2 = new qx.ui.basic.Label("Label in fancy font GgQq 
-eE-  "+
qx.Bootstrap.getEnvironmentSetting("qx.version"));
      text2.setFont("fancy");
      text2.setRich("true");
      doc.add(text2, {left: 100, top: 70});
      var text3 = new qx.ui.basic.Label("Label in myicons font GgQq 
-eE-  "+
qx.Bootstrap.getEnvironmentSetting("qx.version"));
      text3.setFont("myicons");
      text3.setRich("true");
      doc.add(text3, {left: 100, top: 110});

    }
  }
});


I put font files in source\resource\testwebfont\fonts.
Fonts were downloaded from:
http://fortawesome.github.io/Font-Awesome/assets/font-awesome-4.2.0.zip
https://github.com/justintadlock/picturesque/raw/master/fonts/yanone-kaffeesatz/yanonekaffeesatz-regular-webfont.svg
http://demo.qooxdoo.org/current/demobrowser/resource/demobrowser/demo/fonts/yanonekaffeesatz-regular-webfont.woff
http://demo.qooxdoo.org/current/demobrowser/resource/demobrowser/demo/fonts/yanonekaffeesatz-regular-webfont.ttf
http://demo.qooxdoo.org/current/demobrowser/resource/demobrowser/demo/fonts/yanonekaffeesatz-regular-webfont.eot





--
View this message in context: 
http://qooxdoo.678.n2.nabble.com/Icon-Webfont-disables-every-webfont-tp7586259.html
Sent from the qooxdoo mailing list archive at Nabble.com.

------------------------------------------------------------------------------
Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer
Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports
Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper
Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer
http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.clktrk
_______________________________________________
qooxdoo-devel mailing list
qooxdoo-devel@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel

Reply via email to