代码之家 › 专栏 › 技术社区 › N Jacobs

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

google-cast chromecast fonts html5 javascript

0

N Jacobs · 技术社区 · 6 年前

我按照说明在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);

2 回复 | 直到 6 年前

1

0

droidBomb 6 年前

你可以使用 Styled Media Receiver 这样,发送方就可以在广播设备上播放媒体,而无需在注册过程中提供自己的CSS文件来创建自己的自定义接收器应用程序。

这是 Pre-installed fonts 可用于接收器:

无衬线机器人

无单腔、单腔机器人

droid serif常规,serif

可动单声道

短栈

精髓的

Alegreya无SC

这里是 classes 可用于SMR:

.background: 接收器的背景。

.logo: 接收器启动时显示的徽标。当接收器处于空闲状态且没有启动时,也使用该类。类已声明。

.progressBar: 媒体播放的进度条。

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

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

2

0

N Jacobs 6 年前

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

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

在预加载荷的作用下。