应用CSS使ioslides样式的代码更小

时间:2015-06-22 21:37:01

标签: r r-markdown

我正在使用R Studio的ioslides演示模式来显示简单线性回归模型的结果,我将稍后应用Shiny的东西。但是,回归的摘要有点长,所以我希望代码适合一张幻灯片。为了做到这一点,我无法找到使字体变小的方法。我的研究指出了一个自定义CSS文件,但我尝试过的所有标签都没有做任何事情。我引用了default.css中给出的原始CSS。

CSS的“标题 - 幻灯片”部分可以使标题更小,但我不明白为什么CSS的“代码”部分无法使打印代码的字体变小。

Rmd档案:

title: "Regression Presentation"
runtime: shiny
output:
ioslides_presentation:
    css: shinyprezcss.css
    widescreen: yes


## Results {.smallcode}
```{r,echo=FALSE}
    lemon <-read.csv("LemonData.csv")
```
```{r,}
    model.fit.1<-lm(y~(x1+x2+x3+x4+x5)^2,lemon)
    summary(model.fit.1)
```

CSS文件:

.smallcode code {
    font-size: 60%;
}

.title-slide hgroup h1 {
    font-size: 65px;
    line-height: 1.4;
    letter-spacing: -3px;
    color: #515151;
}

1 个答案:

答案 0 :(得分:2)

似乎不是第一个遇到这个问题的人。我昨天错过了这个answer

我的解决方案如下,似乎使用自定义&#34; codefont&#34;类。我只将其应用于需要的幻灯片。

Rmd档案:

title: "Regression Presentation"
runtime: shiny
output:
ioslides_presentation:
    css: shinyprezcss.css
    widescreen: yes


## Results {.codefont}
```{r,echo=FALSE}
    lemon <-read.csv("LemonData.csv")
```
```{r}
    model.fit.1<-lm(y~(x1+x2+x3+x4+x5)^2,lemon)
    summary(model.fit.1)
```

CSS文件:

.codefont pre {
    font-size: 12px;
    line-height: 10px;
}