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

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

我在RStudio中使用R Markdown和knit HTML选项创建HTML输出。但是,用于纯文本块的输出中使用的字体很小,我想将其更改为其他字体并增加字体大小。有人可以演示如何设置输出字体的示例吗?-无需大量的html知识就可以使用?

到目前为止,我已尝试在降价文档的顶部进行操作,但这不起作用。

1
2
3
---
fontsize: 24pt
---

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

关于外观(不同的字体类型和颜色),您可以指定theme:。请参见外观和样式。

我想,您正在寻找的是您自己的css.制作一个名为style.css的文件,将其保存在与.Rmd相同的文件夹中,并将其包含在YAML标头中:

1
2
3
4
5
---
output:
  html_document:
    css: style.css
---

在css文件中定义字体类型和大小:

1
2
3
4
5
6
7
8
9
/* 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输出的输出。

例如:

1
2
3
4
5
6
7
8
9
10
11
 <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标记来实现这一目标。只需用<pa><pb><font></font>括住文本并添加所需的属性即可。请参见以下示例:

1
2
3
<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>

这将产生以下输出

Font


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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
---
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)
```

要更改字体大小,您不需要了解很多html。使用记事本打开html输出。控件F搜索"字体大小"。您应该看到标题(h1,h2,h3,...)的字体大小的部分。

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

1
2
3
body {
  font-size: 16px;
}

上面的字体大小是16 pt字体。您可以将数字更改为所需的任何数字。


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