R Markdown - 在 html 输出中更改字体大小和字体类型

R Markdown - changing font size and font type in html output

我在 RStudio 中使用 R Markdown 和 knit HTML 选项来创建 HTML 输出。但是,纯文本块输出中使用的字体很小,我想将其更改为不同的字体并增加字体大小。有人可以举例说明如何设置输出字体 - 在 html 中没有太多知识的情况下可行吗?

到目前为止,我在 markdown 文档的顶部尝试过,但这不起作用。

---
fontsize: 24pt
---

我认为 YAML 中的 fontsize: 命令仅适用于 LaTeX / pdf。 Apart,在标准 Latex 类(文章、书籍和报告)中,仅接受三种字体大小(10pt、11pt 和 12pt)。

关于外观(不同的字体类型和颜色),你可以指定一个theme:。参见 Appearance and Style

我猜,你要找的是你自己的 css. 创建一个名为 style.css 的文件,将其保存在与你的 .Rmd 相同的文件夹中,并将其包含在 YAML 中header:

---
output:
  html_document:
    css: style.css
---

在 css-file 中定义 font-type 和尺寸:

/* Whole document: */
body{
  font-family: Helvetica;
  font-size: 16pt;
}
/* Headers */
h1,h2,h3,h4,h5,h6{
  font-size: 24pt;
}

您可以使用 HTML 代码标签 <font size="1"> your text </font> 更改 R Markdown 中的字体大小。此代码已添加到 R Markdown 文档中,并将更改 HTML 输出的输出。

例如:

 <font size="1"> This is my text number1</font> 

 <font size="2"> This is my text number 2 </font>
 
 <font size="3"> This is my text number 3</font> 
 
 <font size="4"> This is my text number 4</font> 
 
 <font size="5"> This is my text number 5</font> 
 
 <font size="6"> This is my text number 6</font>

我肯定会使用 html 标记来实现这一点。只需用 <p></p><font></font> 包围您的文本,然后添加所需的属性。请参阅以下示例:

<p style="font-family: times, serif; font-size:11pt; font-style:italic">
    Why did we use these specific parameters during the calculation of the fingerprints?
</p>

这将产生以下输出

相比

这适用于 Jupyter Notebook 和 Typora,但我不确定它是否通用。

最后,请注意 html 标记会覆盖 Markdown 使用的字体样式。

我遇到了同样的问题并通过确保 1. 当您制作 style.css 文件时,确保您不只是将文本文件重命名为 "style.css",确保它是确实是 .css 格式(例如,使用 visual studio 代码); 2. 将 style.css 文件与 .rmd 文件放在同一文件夹中。希望这对你有用。

要更改字体大小,您不需要为此了解很多 html。用记事本++打开html输出。控制 F 搜索 "font-size"。您应该看到 headers (h1, h2, h3,...).

字体大小的部分

在此部分的某处添加以下内容。

body {
  font-size: 16px;
}

上面的字号是16号字体。您可以随意更改号码。

这些答案过于复杂。您可以通过使用 html <style> 将 CSS 直接嵌入 Rmarkdown 文档来更改主体字体大小(以及您可能想要更改的任何其他 CSS)标签。如此简单的事情不需要整个 CSS 文件。如果您要执行大量 CSS 操作,请使用单独的 CSS 文件。如果你只是修改一些简单的东西,我会这样做。

---
title: "Untitled"
author: "James"
date: "9/29/2020"
output: html_document
---

<style type="text/css">
  body{
  font-size: 12pt;
}
</style>


```{r setup, include = FALSE}
knitr::opts_chunk$set(echo = TRUE)
```