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

【问题标题】：Chromecast receiver application not showing custom fontChromecast 接收器应用程序未显示自定义字体
【发布时间】：2019-02-15 16:03:04
【问题描述】：

我按照说明在 html 画布文本字段中加载自定义字体。当我使用桌面 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);

【问题讨论】：

您的接收器的远程调试控制台中是否有任何错误？
不幸的是它没有显示任何错误

标签： javascript html fonts chromecast google-cast

【解决方案1】：

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

这里是可以与接收器一起使用的Pre-installed fonts列表：

Droid Sans，无衬线

Droid Sans Mono，等宽

Droid Serif Regular, serif

可爱的单声道

短筹码

精髓

Alegreya Sans SC

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

.background: 接收者的背景。

.logo: 接收器发射时显示的标志。当接收器处于空闲状态且没有 .splash 时也使用此类类已声明。

.progressBar: 媒体播放进度条。

.splash: 接收器处于空闲状态时显示的屏幕。如果未声明此类，则接收者将默认为 .logo 或应用名称。

.watermark: 媒体播放时显示的水印。

【讨论】：

这不适用，因为我使用的是自定义接收器

【解决方案2】：

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

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

在预加载中使其工作。

【讨论】：