文本文件导入在 EaselJS 中不起作用

Question

项目需要使用EaselJS，需要导入一些字体

我想改用 Google 字体，但你需要 WiFi，而我的项目不应该需要 WiFi。

我试过像这样在 CSS 中导入字体-

    @font-face {

        font-family: Sample;
        src: url(font/Organo.ttf);

    }

然后我使用 EaselJS 制作了一些文本-

    var txt = new createjs.Text();
    txt.x = txt.y = 500;
    txt.font = "96px Sample";
    txt.color = "#FF7700";
    txt.text = "Hello World!";

    stage.addChild(txt);
    stage.update();

控制台中没有显示任何错误，但字体看起来像默认的 Times New Roman。然而，它应该看起来像这样——

我已经尝试使用常规 HTML 元素，将它导入那里似乎效果很好。

有没有其他方法可以在 EaselJS 中导入字体？ This 是我唯一找到的其他 EaselJS 字体教程。为什么这个字体不起作用？

Answer 1

字体是否存储在本地？如果是这样，请尝试

@font-face {

        font-family: Sample;
        src: local("Organo");

    }

否则，尝试一些引号

@font-face {

    font-family: Sample;
    src: url("font/Organo.ttf");

}

Answer 2

这看起来应该可以正常工作。

确保在加载字体后更新阶段。在您的示例代码中，您在创建文本后更新了一次舞台。

这是一个从另一个域加载字体的快速示例。请注意，在显示实际字体之前，它先以默认字体闪烁。

http://jsfiddle.net/bt0hk5wq/

我在舞台上添加了一个 tick 监听器，所以它会不断更新。

createjs.Ticker.on("tick", stage);

PreloadJS 中的字体加载已完成一些工作，但仍处于进行中的分支中：

FontLoader 支持仍处于测试阶段，但希望很快会集成到官方源中（2016 年 3 月？）

希望对您有所帮助！

文本文件导入在 EaselJS 中不起作用

Text file import not working in EaselJS

javascript

css

fonts

font-face

easeljs