html - 有没有办法将字体添加到 Assets 文件夹中并为 html 加载它？

Question

我希望我的文字在 web view 中看起来更好但是当我尝试为它加载字体时，它没有改变。根据一些问题this和 this我找到了这段代码:

<style type="text/css">
@font-face {
font-family: "My Custom Font";
src: url(http://www.example.org/mycustomfont.ttf) format("truetype");
}
p.customfont { 
font-family: "My Custom Font", Verdana, Tahoma;
}
</style>
<p class="customfont">Hello world!</p>

我试过从 Assets 加载它:

<style type=text/css>
@font-face {
font-family: "ROYA";
src="Roya.ttf";
}
p.customfont { 
font-family: "ROYA", Verdana, Tahoma;
}
<p class="ROYA">Hello world!</p>

但它不起作用。我该怎么办？

Answer 1

使用 : 代替或 =

@font-face{
  font-family: "ROYA";
  src: url("Roya.ttf") format("truetype");
}

并在下一个代码块中更改类名

p.ROYA { 
font-family: "ROYA", Verdana, Tahoma;
}
<p class="ROYA">Hello world!</p>