css html 5 flash/animate自定义字体

72qzrwbm 于 2024-01-09 发布在其他

关注(0)|答案(1)|浏览(130)

我正在创建我的第一个动画（Flash）CC横幅在HTML5/画布。
我遇到的问题是我想添加一个自定义字体。我的想法是用@font-face添加它们。
这似乎在CC（2015）版本中工作，但我得到了版本2015.1的更新，现在我可以将@font-face添加到我的html文件中，但我不能将fontname定义到js文件中。我可以使用typekit，但字体不在typekit上：-（
也许你们中的一个可以看到在哪里把字体名。
下面是js文件的内容部分。

// library properties:
lib.properties = {
    width: 120,
    height: 600,
    fps: 25,
    color: "#FFFFFF",
    webfonts: {},
    manifest: []
};


lib.webfontAvailable = function(family) { 
    lib.properties.webfonts[family] = true;
    var txtFilters = lib.webFontTxtFilters && lib.webFontTxtFilters[family] || [];
    for(var f = 0; f < txtFilters.length; ++f) {
        txtFilters[f].updateCache();
    }
};

字符串
发布设置字体：x1c 0d1x

css

来源：https://stackoverflow.com/questions/37348345/html-5-flash-animate-custom-font

1条答案

按热度按时间

pxy2qtax1#

这是我发现对我有效的方法（使用Animate CC 2017.5）：
1.使用文本工具（T）创建新的文本元素
1.将属性更改为动态文本：Text tool properties
1.将文本更改为所需的字体。
1.文件>发布
1.打开已发布的.html和.js文件。
1.在html文件头中添加@font-face css（相应地更改字体的src）。您也可以添加多个：

<style>
  @font-face {
    font-family: MyCustomFont;
    src: url("assets/mycustomfont.woff");
  }
</style>
<!-- write your code here -->

字符串
1.在.js文件中找到你的文本元素，并根据你的喜好编辑它：

this.text = new cjs.Text("My dynamically changing text", "46px 'MyCustomFont'");

型
1.完成！你的文本现在应该可以用你的自定义字体正确渲染了。

赞(0）回复(0）举报 2024-01-09

我来回答

css html 5 flash/animate自定义字体

1条答案

相关问题

热门标签

最新问答