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>
在预加载中使其工作。
我按照说明在 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>
在预加载中使其工作。