Text Fit is not working on casparcg

General
1

Good Morning all ,

I have a problem when i try to fit the text in a div when this one is bigger than the div, i use a function is call Fittowidht.
fittowidth
The problem i think is the font is not loaded at the beginning so i use another function is:

funcionfont
funcionfont1003×136 15.4 KB

And here is the real problem , when i go throw the web is working perfectly
webfont
but when i build for sending to casparcg this method is not working at all and i dont know how to fixed
casparfuentes

any idea what is going on ??

Thanks

2

If you comment out these console.log lines, while you play it in Caspar, do they show up in the console or the log file? In other words: Are you sure, that document.fonts.ready.then fires in Caspar?

3

logcaspar
logcaspar1387×143 8.69 KB

yes, is working

4

sorry i mean is fire in caspar but still not working

1 Like
5

Probably a timing issue. FitText is running before the text has been inserted into the DOM from the update() call.

6

And how i can fix that i use this
link rel=“preload” href=“./fonts/PierSans-Black.otf” as=“font” crossorigin=“anonymous”

in web is working but in caspar dont, how can i preload a font in caspar ???

8

I would suggest to put a

setTimeout()

to reload the function a bit later, so you can understand if it is a timing problem.

9

Check if Chromium versions are the same with CasparCG and Web browser, sometimes there is an issue when something works on web but not Caspar. :slight_smile:

10

how can i check the Chromium version on casparcg ??

thanks for the asnwer

11

play() {
// Caspar PLAY directive
setTimeout(() => {
fitToWidth(‘.ftw’);
}, 500);
},

Thank you its work