字體大小和行間距R Slidify

我想創建我的第一個Slidify演示文稿。我對JS，CSS和HTML5比較陌生。我正在使用以下YAML素材和R Markdown代碼。我想創建一個簡單的幻燈片，顯示R可以用作大型計算器。我的問題是，我只能將大約3個簡單表達式及其返回的輸出放到一張幻燈片中。因此，我非常感謝有關如何更好地控制Slidify輸出（較小的字體大小，或圍繞突出顯示的語法和評估/返回的R輸出的較小邊框）的任何可能建議。字體大小和行間距R Slidify

下面是我的.Rmd文件：

--- 
title  : An Introduction to R 
subtitle : Getting You "R Aware" And Beyond 
author  : Christopher Meaney 
job   : Biostatistician, University of Toronto 
framework : io2012  # {io2012, html5slides, shower, dzslides, ...} 
highlighter : highlight.js # {highlight.js, prettify, highlight} 
hitheme  : tomorrow  # 
widgets  : []   # {mathjax, quiz, bootstrap} 
mode  : selfcontained # {standalone, draft} 

--- .nobackground 

## R Can be Used as A Big Calculator 

```{r, results='asis', echo=TRUE} 
## Addition 
1 + 1 
## Exponentiation followed by multiplication (BEDMAS) 
4*5^2 
## Area of a circle of radius r=2 
pi*2^2 
## Natural logarithm of 1 multiplied by exponential (function) evaluated at 0 
log(1)*exp(0) 
```

有Github上的問題的一個很好的討論。 https://github.com/ramnathv/slidify/issues/189 但是，我似乎無法分辨@ Robert的答案的哪部分涉及語法突出顯示與字體大小和邊界調整的關係。而且，在討論中會提出很多建議的解決方案，這對於noob來說是最容易實現的？

作爲一項後續行動，我將如何在全球設置/應用此選項，以便knitr評估的所有R塊和slidify提供的R塊具有相同的小/精簡屬性？

來源

2014-05-19 Chris

嘗試'{R，結果= 'ASIS'，呼應= TRUE，大小= 「scriptsize」} ' – Andrie

Thx對於建議@Andire。不幸的是，'size = scriptsize'參數對'slidingify'顯示的R輸出的大小沒有任何影響。 – Chris

@A ndrie'size'僅適用於LaTeX輸出（至少在此刻） –

我相當有信心，這不是解決問題的最有效方法。但是，它似乎實現了許多目標。所以我會寫下來，等待看看是否有更好的解決方案。

我想調整其字體（和其他格式）的R語法位於一對<pre> </pre>標記之間。

我想調整其字體（和其他格式）的R輸出位於一對<p> </p>標記之間。

我只想調整一些幻燈片上的代碼。所以我創建了以下CSS文件。我將它們存儲在目錄中：.../mydeck/assets/css/

這是矯枉過正（可能並非全部都有必要）。

文件1（.../mydeck /資產/ CSS/codefont.css）

slide.codefont pre { 
font-size: 9px ; 
}

文件2（.../mydeck /資產/ CSS/outfont.css）

slide.outfont p { 
font-size: 9px ; 
}

文件3（.../mydeck /資產/ CSS/codemargin.css）

slide.codemargin pre { 
margin-top: -10px ; 
margin-bottom: -10px ; 
padding-top: -10px ; 
padding-bottom: -10px ; 
}

文件4（.../mydeck /資產/ CSS/outmargin.css）

slide.outmargin p { 
margin-top: -10px ; 
margin-bottom: -10px ; 
padding-top: -10px ; 
padding-bottom: -10px ; 
}

後來，當我指定我簡單的R作爲在.Rmd文件大計算器幻燈片我只是添加以下內容：

--- .codefont .outfont .codemargin .outmargin .nobackground 

## R Can be Used as A Big Calculator 

```{r, results='asis', echo=TRUE} 
## Addition 
1 + 1 
## Exponentiation followed by multiplication (BEDMAS) 
4*5^2 
## Area of a circle of radius r=2 
pi*2^2 
## Natural logarithm of 1 multiplied by exponential (function) evaluated at 0 
log(1)*exp(0) 
```

這使得將R語法和R輸出比默認較小。而且它還修剪R語法和R輸出之間的一些空白區域。

在我希望刪除的R語法高亮顯示中（在邊框和實際R代碼之間），仍有一點未使用的空白空間。
對使用更少的CSS文件（1或2個CSS文件而不是4個）完成相同結果的可能性也有興趣。
另外，想想如何在R代碼出現的所有幻燈片上實現這種方法（所以我不必不斷地將--- .codefont .outfont .codemargin .outmargin添加到包含R代碼的所有幻燈片中。能夠將所有東西包裝在一個函數中，其中font=, margin=, padding=可指定爲參數會很酷。

仍在考慮這個開放的問題...謝謝。

來源

2014-05-20 02:27:11 Chris

字體大小和行間距R Slidify

回答

相關問題