Chromecast接收器應用程序未顯示自定義字體

Question

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

Answer 1

您可以使用樣式化的媒體接收器，通過在注冊過程中提供自己的CSS文件，可以使發送者在Cast設備上播放媒體，而無需創建自己的自定義接收器應用程序。

這是可以與接收器一起使用的預安裝字體的列表：

Droid Sans，無襯線

Droid Sans Mono，等寬

Droid Serif Regular，襯線

親切單聲道

短籌碼

典型

Alegreya Sans SC

以下是可以在SMR中使用的類：

.background:接收者的背景。

.logo:啟動接收器時顯示的徽標。 當接收者處於空閑狀態並且未聲明任何.splash類時，也會使用此類。

.progressBar:媒體播放的進度條。

.splash:接收機處於空閑狀態時顯示的屏幕。 如果未聲明此類，則接收方將默認為.logo或應用程序名稱。

.watermark:播放媒體時顯示的水印。

Answer 2

問題是顯然沒有加載字體，第一次使用@ font-face使用從Drawing text到<canvas>的解決方案是不起作用的，

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

在預加載使其工作。

Chromecast接收器應用程序未顯示自定義字體

問題描述

2 個解決方案

解決方案1
0 2018-09-13 09:37:32

解決方案2
0 已采納 2018-11-13 14:40:02

Chromecast接收器應用程序未顯示自定義字體

問題描述

2 個解決方案

解決方案1 0 2018-09-13 09:37:32

解決方案2 0 已采納 2018-11-13 14:40:02

解決方案1
0 2018-09-13 09:37:32

解決方案2
0 已采納 2018-11-13 14:40:02