如何使用CSS和@font-face在Scratch中使用自定义字体?

2lpgd968  于 2023-05-30  发布在  其他
关注(0)|答案(2)|浏览(142)

如何从头开始创建自定义字体?

@font-face {
    font-family: JuneBug;
    src: url('https://raw.githubusercontent.com/grannygamer777/DerpFont/main/my%20derp%20handwriting.ttf');
}

h1 {
    font-family: JuneBug
}
<textarea
    class="paint-editor_text-area_27Ci4"
    spellcheck="false"
    style="font-family: Arial, Helvetica, sans-serif; font-size: 40px; line-height: 1.2; display: initial; transform-origin: 0px 36px; transform: matrix(0.5, 0, 0, 0.5, 48.35, 59.25); width: 256.645px; height: 48px;"
></textarea>

样式不适用于<textarea>

izkcnapc

izkcnapc1#

要使代码正常工作,您必须修复两件事:
1.您仅将样式应用于h1,而未应用于textarea。我建议你像这样添加`textarea选择器:

h1, textarea {
    font-family: JuneBug
}

1.在textareastyle属性中,您已经将字体设置为Arial。删除style属性的font-family: Arial, Helvetica, sans-serif;部分,否则自定义字体将不显示。

up9lanfz

up9lanfz2#

你好,就像任何其他的CSS选择器:在你的css文件或样式标签中:

textarea {
    font-family: JuneBug;
}

相关问题