Question

我是CSS新手并尝试使用Xaringan编辑RMarkdown演示文稿的格式。我想做的一个改变是增加幻灯片文本的行间距。

这是我的.Rmd文件的YAML yeader的相关部分：

output:
  xaringan::moon_reader:
    css: "libs/remark-css/example.css"
    lib_dir: libs
    nature:
      highlightStyle: github
      highlightLines: true
      countIncrementalSlides: false

在example.css中，我在line-height规范中添加了body：

body { 
  font-family: 'Palatino Linotype', 'Droid Serif', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC', serif; 
  line-height: 1.5em;
}

但是当我回到index.Rmd和knit HTML文件时，行间距保持不变。如果我尝试更改字体，字体大小等，情况也是如此。我做错了什么？

Answer 1

我刚检查过，可以包含.css个文件，这些文件与.Rmd演示文稿文件不在同一目录中。因此，如果它不能找到该文件的问题，则它必须是包含.css文件内容的内容。

您可以尝试修改此示例example.css文件以满足您的需求。它可以工作并更改背景，字体等。请注意，.remark-slide-content下的部分可以进行实际更改。

@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic);
@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700);

/* CE Added my favorite fonts */
@import url('https://fonts.googleapis.com/css?family=Alegreya|Alegreya+Sans');

body { font-family: 'Droid Serif', 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC', serif;
       background-color:#222;
     }

/* Default background colour, and font size */
.remark-slide-content{ background-color:#222;
                       font-family: 'Fira Sans', 'Yanone Kaffeesatz';
                       color: #fff;
                       font-size: 220%;    /* Regular text */
/*                     font-family: 'Alegreya Sans', sans-serif; */
                       font-family: 'Alegreya', serif;                 
                     }

我的YAML看起来像这样（很好的一部分）

output:
  xaringan::moon_reader:
    lib_dir: libs
    css: ['default', 'example.css']

这对你做了什么吗？

编辑过的css不会改变rmarkdown xaringan演示文稿

1 个答案: