我认为Cufón可能是你最好的选择。它的font converter可以将OTF、TTF、PFB和PostScript字体转换为JavaScript。你也可以将转换后的字体限制为特定的字形子集，以减少文件大小。在这里阅读更多信息：
https://github.com/sorccu/cufon/wiki/about
通常，您希望在外部包含生成的JavaScript文件（以帮助缓存并简化开发和维护），但出于您的目的，您可以将其全部包含在HTML文档的<script>元素中。

您可以通过将字体文件转换为base64并将其嵌入为DataURI来添加css代码形式的字体文件。
我将把步骤分解如下：
1.将字体转换为dataURI（https://base64.guru/converter/encode/file）

1.通过@font-face将其嵌入CSS。

<style>
@font-face {
    font-family: 'Merriweather';
    src: url('data:@file/x-font-ttf;base64,AAEAAAARAQAABAAQR0RFRo9QjtMAAANAAAAB9Ed...')
         format('ttf');
    font-weight: 400;
}
</style>

一切就绪！