Chromecast 接收器应用程序未显示自定义字体

Chromecast receiver application not showing custom font

我按照说明在 html canvas 文本字段中加载自定义字体。当我使用桌面 Chrome 浏览器打开页面时,它工作正常,但是当我使用 Chromecast 接收器应用程序打开它时,字体未加载。可能是什么问题?

正在定义自定义字体:

<html>
<head>
<style type="text/css">

@font-face {
  font-family: 'myfont';
  src: url('myfont.TTF') ;
}

实际文本:

ctx.font = "30px myfont";
ctx.fillText("MyText:",50, 50);

您可以使用 Styled Media Receiver 允许发送者在 Cast 设备上播放媒体,而无需通过在注册期间提供您自己的 CSS 文件来创建您自己的自定义接收者应用程序。

以下是可与接收器一起使用的 Pre-installed fonts 列表:

  • Droid Sans, sans-serif
  • Droid Sans Mono, monospace
  • Droid Serif Regular, serif
  • Cutive Mono
  • Short Stack
  • Quintessential
  • Alegreya Sans SC

这里是可以在SMR中使用的classes

  • .background: The background for the receiver.
  • .logo: The logo shown when the receiver is launching. This class is also used when the receiver is in the idle state and no .splash class is declared.
  • .progressBar: The progress bar for media playback.
  • .splash: The screen shown when the receiver is in an idle state. If this class is not declared, the receiver will default to .logo or the app name.
  • .watermark: A watermark shown when the media is playing.

问题是显然没有加载字体,使用 Drawing text to <canvas> with @font-face does not work at the first time 中的解决方案,放置

<div style="font-family: PressStart;">.</div>

在预加载中使其工作。