Change text font dynamically by network

[isvaku]

good morning, can anyone think of a way to load an external font directly into a playcanvas project? like in google fonts example
@import url(‘https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap’);
but that works with playcanvas entities not with html, thanks in advance

[Leonidas]

Hi @isvaku,

It won’t be straightforward to load remote ttf/otf font files, since they need to be processed first (texture maps generated). If you do that process before hand and host them in your server, I think this post can help then:

Setting up font by script?

Hello all! I’m having a hard time dynamicaly setting up fonts. So. I have a json and a png that was generated from playcanvas editor and added to a server. The idea is to have a way to override fonts in a game. I create my font like this where texture is an array with one element (png) and json is the meta data generated by playcanvas : var font = new pc.Font(texture, json); var asset = new pc.Asset(name, “font”, { url: “” }); asset.tags.add(tag); asset.resource = font; asset.loaded = t…

[isvaku]

thank you for your reply

[Kulodo133]

Check out this thread and the project from @RyutoHaga.

[isvaku]

thanks for the answer, I’ll keep an eye on it in case I have the same problem as in this thread.

[yaustar]

You can use the private class CanvasFont which allows you to generate a texture font from a font file: https://playcanvas.github.io/#/user-interface/text-emojis

Example editor project here: https://playcanvas.com/project/702920/overview/canvas-font-example

[isvaku]

I have been researching and have found a solution to my problem, so that playcanvas will recognise all characters regardless of the font and without the need to add locally or remotely other fonts PlayCanvas 3D HTML5 Game Engine

[isvaku]

thanks for that link kulodo133 that’s just what I was looking for

[RyutoHaga]