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

Question

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

到目前为止，我尝试过降价文档的顶部，但这不起作用。

---
fontsize: 24pt
---

Answer 1

我认为YAML中的fontsize:命令仅适用于LaTeX / pdf。 Apart，在标准乳胶类（文章，书籍和报告）中，只接受三种字体大小（10pt，11pt和12pt）。

关于外观（不同的字体类型和颜色），您可以指定theme:。请参阅Appearance and Style。

我想，你要找的是你自己的css.创建一个名为style.css的文件，将其保存在与.Rmd相同的文件夹中，并将其包含在YAML标题中：

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

在css文件中，您可以定义字体类型和大小：

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

Answer 2

您可以使用HTML代码标记0.0:2.0 * pi:20j更改R Markdown中的字体大小。此代码将添加到R Markdown文档中，并将更改HTML输出的输出。

例如：

＆＃13;

＆＃13;

<font size="1"> your text </font>

＆＃13;

＆＃13;

＆＃13;

Answer 3

这些答案过于复杂。您只需使用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)
```

Answer 4

我肯定会使用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使用的字体样式。

Answer 5

我遇到了同样的问题，并通过以下方法解决了这一问题：1.制作style.css文件时，请确保您不只是将文本文件重命名为“ style.css”，还要确保它确实是.css格式（例如，使用Visual Studio代码）； 2.将该style.css文件与.rmd文件放在同一文件夹中。希望这对您有用。

Answer 6

要更改字体大小，您无需为此了解很多html。使用记事本++打开html输出。控件F搜索“字体大小”。您应该会看到标题（h1，h2，h3，...）的字体大小的部分。

在此部分中添加以下内容。

.VueCarousel-navigation-button::before {
   content: "";
   position: absolute;
   top: 8px;
   height: 25px;
   width: 25px;
}

.VueCarousel-navigation-next::before {
   background: url('../assets/previous_arrow.png');
   right: 6px;
}

.VueCarousel-navigation-prev::before {
   background: url('../assets/previous_arrow.png');
   left: 6px;
}

上面的字体大小是16 pt字体。您可以将电话号码更改为任意号码。