Logowanie

Czionka nie ładuje się w canvas w Chrome

pytanie zadane 3 października 2019 w JavaScript przez SzukającyPrzygód Bywalec (2,310 p.)
zamknięte 3 października 2019 przez SzukającyPrzygód

Witam

Jak mogę sprawić aby czcionka Comfortaa w canvas ładowała się w Chrome

<!DOCTYPE html>
<html>
  <head>
    <title>czcionka canvas</title>
    <link href="https://fonts.googleapis.com/css?family=Comfortaa" rel="stylesheet">
  </head>
  <body>
    <canvas id="myCanvas"></canvas>
    <script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.font = "20px Comfortaa";
ctx.fillText("jakiś napis", 10, 50);
    </script>
  </body>
</html>

tutaj jak się ładuje poprawnie w Firefoxie

a tutaj jak się nie poprawnie ładuje w Chrome

komentarz zamknięcia: uzyskanie pomocy w rozwiązaniu problemu

1 odpowiedź

odpowiedź 3 października 2019 przez DawidK Nałogowiec (37,910 p.)
wybrane 3 października 2019 przez SzukającyPrzygód

Najlepsza

Znalazlem coś takiego:

https://stackoverflow.com/questions/2756575/drawing-text-to-canvas-with-font-face-does-not-work-at-the-first-time

z ciekawości sprawdziłem drugie rozwiązanie (to ocenione na 20) polegające na próbie dodania linku do stylu czcionki jako ścieżki do img i wyłapaniu błędu - zadziałało.

Ciekawe rozwiązanie. Człowiek ciągle się uczy.