Как я могу импортировать шрифты из шрифтов Google в JavaScript, чтобы я мог использовать его для моего холста?

Как бы я импортировал шрифты из шрифтов Google в JavaScript, чтобы я мог использовать его для своего холста?

Я пытаюсь импортировать шрифты Google в JavaScript, поэтому я могу использовать шрифты для рисования текста на холсте. Проблема в том, что я получаю ошибки.
Ошибка 1: не удалось декодировать загружаемые шрифты
Ошибка 2: ошибка синтаксического анализа OTS

Это для веб-страницы, которую я разрабатываю, и я посмотрел на проблемы, но решения, которые они предложили, я не понимаю.

 {amp}lt;!DOCTYPE html{amp}gt; {amp}lt;html lang = "en"{amp}gt; {amp}lt;body{amp}gt; {amp}lt;canvas id="canvas" width="400" height="400"{amp}gt;{amp}lt;/canvas{amp}gt; {amp}lt;script{amp}gt; var c = document.getElementById("canvas"); var ctx = c.getContext("2d"); var pacifico_font = new FontFace('Pacifico', 'url(https://fonts.googleapis.com/css?family=Pacifico{amp}amp;display=swap)'); pacifico_font.load().then(function(loaded_face) { document.fonts.add(loaded_face); document.body.style.fontFamily = '"Pacifico", Pacifico'; }).catch(function(error) { alert("An error occured, please continue."); }); document.fonts.ready.then(function(font_face_set) { var x = true; return x; }); ctx.fillStyle=rgb(0,0,0); if(x===true){ ctx.font="20px Pacifico"; ctx.fillText("Hello Cody(testing)",200,200); } {amp}lt;/script{amp}gt; {amp}lt;/body{amp}gt; {amp}lt;/html{amp}gt; 

Я ожидаю, что на холсте будет отображаться текст, но он предупредит меня о том, что произошла ошибка, и ничего нет. В консоли написано:
Не удалось декодировать загруженный шрифт: https://fonts.googleapis.com/css?family=Pacifico{amp}amp;display=swap
Ошибка анализа OTS: неверный тег версии

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector