Canvas Can';t使用;脚本MT Bold";画布中的字体

Canvas Can';t使用;脚本MT Bold";画布中的字体,canvas,fonts,Canvas,Fonts,字体已安装在我的计算机中。我还下载了字体,并用css提供了它的url <style> @font-face { font-family: 'scripts'; src: url('SCRIPTBL.eot'); src: local('SCRIPTBL'), url('SCRIPTBL.woff') format('woff'), url('SCRIPTBL.ttf') format('truetype'); }

字体已安装在我的计算机中。我还下载了字体,并用css提供了它的url

<style>
    @font-face {
        font-family: 'scripts';
        src: url('SCRIPTBL.eot');
        src: local('SCRIPTBL'), url('SCRIPTBL.woff') format('woff'), url('SCRIPTBL.ttf') format('truetype');
    }
    h1 {
        font-family: 'scripts';
    }
</style>
字体位置和url非常好。控制台没有显示与此相关的错误。我试过使用“Arial”、“Verdana”、“Helvetica”等。它们可以工作,但“scripts”->“Script MT Bold”不起作用。 这是一个代码笔。 但是我不能在这支笔里插入字体。 谢谢。

请提供一份。您提供的codepen包含太多我们无法运行的无关代码。你可以直接使用。另外,您在这里编写了
ctx.font=“bolder italic 75px脚本”在代码笔中写入时
ctx.font=“Bold italic 75px Script MT Bold”问题中的答案应该正确。请提供答案。您提供的codepen包含太多我们无法运行的无关代码。你可以直接使用。另外,您在这里编写了
ctx.font=“bolder italic 75px脚本”在代码笔中写入时
ctx.font=“Bold italic 75px Script MT Bold”问题中的那个应该是正确的。
ctx.fillStyle = "#293980";
ctx.font = "bolder italic 75px scripts";
ctx.fillText(stuName, canvas.width / 2 - ctx.measureText(stuName).width / 2, canvas.height / 2);