如何从头开始创建自定义字体?
@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>
2条答案
按热度按时间izkcnapc1#
要使代码正常工作,您必须修复两件事:
1.您仅将样式应用于
h1
,而未应用于textarea
。我建议你像这样添加`textarea选择器:1.在
textarea
的style
属性中,您已经将字体设置为Arial。删除style
属性的font-family: Arial, Helvetica, sans-serif;
部分,否则自定义字体将不显示。up9lanfz2#
你好,就像任何其他的CSS选择器:在你的css文件或样式标签中: