smnh / fontloader Goto Github PK

I see you have a package.json in the directory, but I don't think you've published the actual package because I get a 404 at https://www.npmjs.com/package/FontLoader.

Could you publish this?

I really like this library. Thank you for creating it. I have used it on a previous project successfully. However, I'm currently trying to use it to detect FontAwesome.

http://fortawesome.github.io/Font-Awesome/

However, the code doesn't seem to be able to detect if FontAwesome has loaded. This may be related to FontLoader.referenceText not containing any of the unicode characters for FontAwesome icons.

FontLoader seems to have this problem: https://github.com/jrburke/almond#incorrect-module-build-no-module-name

See https://developer.mozilla.org/en-US/docs/Web/API/CSS_Font_Loading_API.
That page states that it works in Chrome since 35.0 and in Firefox since 41.0.

http://www.w3.org/TR/css-font-loading/
https://drafts.csswg.org/css-font-loading/
http://www.w3.org/TR/css-font-loading/#font-face-set-css

Hi Guys,

This widget looks great but the complete event always shows the error:

• "Not all fonts were loaded (0/n)"
• notLoadedFonts: Array[0]}

The above doesn't change with the properly or wrongly loaded fonts. Only n - the number of the fonts. This relates to the provided example as well

I want to use the third character of FVD, the font-stretch. For example Din:n4c, which is normal style, normal weight, condensed. At present I get an error saying that this is not a valid font description.

Please, provide bower package for your project, Thanks!

If you zoom out in the browser (Ctrl & - sign) and refresh the page you get an error that fonts did not load. But no issues appear if the browser is in normal view (100%).
This can be reproduced using the demo page also.

This project could benefit by adding more testing. Would be great to integrate with Travis for automated testing as well.

Let's discuss some of the possibilities here. Things I'd like to see tested:

• Input/options with fonts and styles
• Raceconditions, fonts that could not be loaded

FontLoader doesn't work in IE 11 because of wrong useragent detection. To detect IE11 you need to look for "Trident" in the user agent, not "MSIE".

/Trident/i.test(navigator.userAgent)

and version number regex:
var re=new RegExp("Trident/.*rv:([0-9]{1,}[.0-9]{0,})");

When loadFonts is called and the window is not focused (Chrome 43), the timeout occurs. This results in the _testContainer to be detached from the DOM. Once the window regains focus, the SizeWatcher throws the Error Can't set scroll position of scroll watchers. SizeWatcher is not in the DOM tree..

Passing null for timeout will resolve this issue, but it took a while before I realised what was going on and I suspect there is a reason for the timeout feature to be enabled by default. I would like to suggest somehow detecting whether or not the window has focus, disabling the SizeWatcher, or maybe including this case in a FAQ on the bottom of the README. Or telling me what I was/am doing wrong.

Need to load fonts by ajax call, first time function works well, second and next times function returns success instantly.

jQuery.ajax({
    type: "POST",
    url: ajax_url,
    data: 'act=getFont&name='+font,
    success: function(data) 
    {
        var fontLoader = new FontLoader([font], {
            "fontLoaded": function(font) {
            },
            "complete": function(error) {
                if (error !== null) {
                } else {
                    // All fonts were loaded
                    console.log('loaded!! ->'+font);
                    loader(0);
                    canvas.getActiveObject().setFontFamily(font);
                    canvas.renderAll();
                    },1000);
                }
            }
        }, 3000);
        fontLoader.loadFonts();
        jQuery('body').append(data);
    }
});

Hi,

Great library but unfortunately,
I get this error and it says not all fonts were loaded.
SizeWatcher can't set scroll position of scroll watchers.
Im trying to use this with "weathericons". Here's the link to the CDN for the font css file:
https://cdnjs.cloudflare.com/ajax/libs/weather-icons/2.0.5/css/weather-icons.css

Best Regards,
Bhargav

Hey, smnh. In your article, you provide a (seemingly) reliable method how to utilize the onresize event in IE. Why isn't this method used in the final script and polling is used instead?