He estado probando mi sitio web en Chrome y tengo todo funcionando como se esperaba, pero acabo de descubrir que mi fuente no se importa en Safari y se usa la fuente predeterminada en lugar de la que se supone que debo usar. Incluí un fragmento que muestra cómo estoy importando y usando la fuente. ¿Tal vez necesito acceder a la fuente de una manera diferente para tenerla disponible para usar en ambos navegadores?
const context = document.querySelector("canvas").getContext("2d"); context.width = document.body.clientWidth; context.height = document.body.clientHeight; context.beginPath(); context.font = "10vw Montserrat"; context.fillStyle = "red"; context.textAlign="center"; context.textBaseline = "middle"; context.fillText("XXXXXX", context.width/2, context.height/2); context.closePath(); @import url('https://fonts.googleapis.com/css?family=Montserrat:900i&display=swap'); <canvas class="game"></canvas>