如何在rmarkdown的样式标签中包含@font-face？

Question

是否可以使用CSS@font-face向rmarkdown提供字体文件？

<style>
@font-face {
    font-family: "Custom";
    src: url(https://github.com/stevecondylios/fonts/raw/master/CircularStd-Book.ttf) format("truetype");
}
body {
    font-family: "Custom", Verdana, Tahoma;
}
</style>

请注意，上面完全相同的css代码（少了样式标记）在本地存储在外部。css文件中并在RMD的yaml中引用

---
title: "My Rmarkdown doc"
date: "28 April 2020"
output: 
  html_document:
    css: mystyles.css
---

如果这是a/B问题，我的简单目标是应用自定义字体，同时避免使用Rmd文件本身以外的任何本地文件（即没有本地外部样式表，尽管从web上读取文件也很好）。

我认为唯一的两个选项要么是从web中读取字体文件，要么是在Rmd本身的标记中对字体信息进行base64编码。我一直在尝试这两种方法，但收效甚微。

  html_document:
    code_folding: hide
    css: get_file(www.mysite.com/mystyles.css)

为了更好的衡量，我也试过

```{r}
css_url <- "https://github.com/stevecondylios/fonts/raw/master/CircularStd-Book.ttf"
```

<style>
@font-face {
    font-family: "Custom";
    src: url(`r css_url`) format("truetype");
}
body {
    font-family: "Custom", Verdana, Tahoma;
}
</style>
```

我了解到不能在HTML正文中声明@font-face，而必须在标题中声明@font-face。我们确实可以将HTML标记添加到RMarkdown头中，但这是在外部文件中读取的，这正是我试图避免的，所以回到正方形。

Answer 1

对于其他想这样做的人来说，这个答案是有帮助的。

基本上：

1. 从任何字体网站下载.tff（字体）文件
2. 将其转换为base64（在mac上，只需base64myfont.ttf>myfont_base64.txt
3. 将myfont_base64.txt的内容复制到下面的占位符中，并将全部内容放在您的RMarkdown中的某个地方（它不必像我以前怀疑的那样在HTML中，而是在任何地方，例如都可以）

<style>
@font-face {
    font-family: 'myfont';
    src: url(data:font/truetype;charset=utf-8;base64,<<copied base64 string>>) format('truetype');
    font-weight: normal;
    font-style: normal;
}
body { 
    font-family: "myfont", Verdana, Tahoma;
}
</style>