我遇到了字体问题。我用HTML做了一些测试，列出了三种字体。这三种字体都是完全一样的，如下图所示：

<style>
 
   @font-face {
    font-family: 'ktegaki';
    src: url(https://dl.dropbox.com/s/0v89ncr2notdcgc/KTEGAKI.ttf);
}
 
  @font-face {
    font-family: 'starlight';
    src: url(https://dl.dropbox.com/s/cfcp07kvx3qut4s/starlight.ttf);
}
 
  @font-face {
    font-family: 'romantics';
    src: url(https://dl.dropbox.com/s/f9cfrx4wyt13rwv/ROMANTIC.TTF);
}
</style>

字符串
但是，在这三种字体中，当我将它们插入到一个元素中时，只有浪漫和星光显示出来。我不知道我做错了什么。
在将ktegaki字体插入任何元素时，我没有输入任何错别字。起初，我怀疑指向该字体的dropbox链接已断开，该字体已被删除，但事实并非如此-当我将其复制并粘贴到浏览器的搜索选项卡中并按下Enter键时，它就将该字体下载到了设备上，因此，这不是源文件的问题。
我试着在网址周围加上“或”符号。没有任何变化。
我还遇到了一些常见字体的问题，比如Epilogue或DM Sans，这两种字体都可以在Google Fonts上找到。这两种字体都是列表中的第一种。我以为是字体位置的问题，但在交换了这些字体之后（和ktegaki字体），还是没有变化。我真的不知道该怎么做。这看起来也不像是浏览器的问题。问题似乎出在代码上。
编辑：顺便说一句，这就是现在如何将字体插入到元素中（元素名称被编辑，它们在原始代码中被不同地命名）：

#name1 {
width:100px;
height:100px;
background: white;
border: 3px double #ccc;
border-radius: 0px;
padding: 6px;
overflow: auto;
font-family: Ktegaki;
font-size:10px;
color: #000;
}
 
#name2 {
background: #ccc;
border: 1px solid #000;
border-radius: 7px;
padding: 2px;
color: #000;
font-size: 7px;
font-family: Starlight;
 
}
 
#name3 { 
font-family: Romantics;
font-style: bold;
font-size: 2.5em; 
letter-spacing: 2px;
text-shadow: -1px 0 #fff, 0 1px #000, 1px 0 #000, 0 -1px #fff, 0 0; 
color: #b84154; 
}

型
正如上面提到的，只有浪漫和星光字体出现。Ktegaki字体拒绝显示，无论我做什么。
编辑2：下面是我在标签后使用的代码：

<div id="name1">
<p><div id="name3">Text here</div><mark id="name2">Text here</mark><br><br> text text text text text text text text text text text text text text text </p>
</div>

型
它是一个滚动框; ktegaki字体应该在第二个字符后显示为多个“text“
。
编辑3：只要把代码通过一个验证器，结果发现多个< /p>“文本“后面的结束标记（ktegaki字体应该出现的地方）被忽略了，因为它是意外的...？非常奇怪。我不知道为什么它也被忽略了，这对我来说并不意外。
编辑4：我试着删除br元素，没有区别。字体仍然没有显示。