在 html 输出中改变字体大小和字体类型

我在 RStudio 中使用 R Markdown 和编织 HTML 选项来创建 HTML 输出。然而，在输出中使用的纯文本块的字体是相当小的，我想改变它到一个不同的字体，并增加字体大小。有没有人能举个例子说明如何设置输出字体-可工作，而不需要很多 HTML 知识？

到目前为止，我尝试在我的降价文件的顶部，但这不工作。

---
fontsize: 24pt
---
234945 次浏览
小开
最佳答案

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

关于外观(不同的字体类型和颜色) ，您可以指定一个 theme:。

我想，你正在寻找的是你自己的 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;
}
小开

可以使用 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>

这将产生以下输出

Font Output

相比之下

Default Output

这将工作与木星笔记本以及 Typora，但我不确定它是否是普遍的。

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

小开

我有同样的问题，并通过确保1来解决。在创建 style.css 文件时，请确保不只是将文本文件重命名为“ style.css”，还要确保它真的是。Css 格式(例如，使用可视化工作室代码) ;。将 style.css 文件放在与您的。Rmd 文件。希望这对你有用。

小开

要更改字体大小，您不需要知道很多关于此的 html。用记事本 + + 打开 html 输出。控制 F 搜索“字体大小”。您应该会看到一个包含标题(h1、 h2、 h3、 ...)的字体大小的部分。

在本节的某处添加以下内容。

body {
font-size: 16px;
}

上面的字体大小是16pt 字体。你可以把数字改成任何你想要的。

小开

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

提交答案