title: Changing Font Sizes in R Dashboards
body: <p>I found this dashboard example that was made using Flexdashboard in R :<a href="https://beta.rstudioconnect.com/jjallaire/htmlwidgets-showcase-storyboard/htmlwidgets-showcase-storyboard.html" rel="nofollow noreferrer">https://beta.rstudioconnect.com/jjallaire/htmlwidgets-showcase-storyboard/htmlwidgets-showcase-storyboard.html</a></p>
  <p>There is some text in this dashboard (i.e. the &quot;bullets&quot;) such as &quot;Compose maps using arbitrary combinations of map tiles, markers, polygons, lines, popups, and GeoJSON.&quot; I am interested in learning about how to change the font/font size for this kind of text.</p>
  <p>I found this post on Stackoverflow (<a href="https://stackoverflow.com/questions/39764532/change-font-size-for-individual-text-section-in-flexdashboard">Change font size for individual text section in flexdashboard</a>) that shows how to change the font for the titles:</p>
  <pre><code>---
  title: &quot;Title&quot;
  output: 
    flexdashboard::flex_dashboard:
  theme: readable
  orientation: columns
  vertical_layout: fill
  ---
  
  &lt;style type=&quot;text/css&quot;&gt;
  
  .chart-title {  /* chart_title  */
     font-size: 30px;
     font-family: Algerian;
  
  &lt;/style&gt;
  </code></pre>
  <p>But I am not sure if this code can be used to change the font/font size for the &quot;bullet text&quot; on each individual page.</p>
  <p>For example, if you take the first two tabs of this dashboard:</p>
  <pre><code>---
  title: &quot;HTML Widgets Showcase&quot;
  output: 
    flexdashboard::flex_dashboard:
      storyboard: true
      social: menu
      source: embed
  ---
  
  ```{r setup, include=FALSE}
  library(flexdashboard)
  ```
  
  ### Leaflet is a JavaScript library for creating dynamic maps that support panning and zooming along with various annotations.
  
  ```{r}
  library(leaflet)
  leaflet() %&gt;%
    addTiles() %&gt;%
    addMarkers(lng=174.768, lat=-36.852, popup=&quot;The birthplace of R&quot;)
  ```
  
  ***
  
  https://rstudio.github.io/leaflet/
  
  - Interactive panning/zooming
  
  - Compose maps using arbitrary combinations of map tiles, markers, polygons, lines, popups, and GeoJSON.
  
  - Create maps right from the R console or RStudio
  
  - Embed maps in knitr/R Markdown documents and Shiny apps
  
  - Easily render Spatial objects from the sp package, or data frames with latitude/longitude columns
  
  - Use map bounds and mouse events to drive Shiny logic
  
  
  ### d3heatmap creates interactive D3 heatmaps including support for row/column highlighting and zooming.
  
  ```{r}
  library(d3heatmap)
  d3heatmap(mtcars, scale=&quot;column&quot;, colors=&quot;Blues&quot;)
  ```
  
  ***
  
  https://github.com/rstudio/d3heatmap/
  
  - Highlight rows/columns by clicking axis labels
  
  - Click and drag over colormap to zoom in (click on colormap to zoom out)
  
  - Optional clustering and dendrograms, courtesy of base::heatmap
  </code></pre>
  <p>I tried to add this font/font size customization and it did not seem to change anything:</p>
  <pre><code>---
  title: &quot;HTML Widgets Showcase&quot;
  output: 
    flexdashboard::flex_dashboard:
      storyboard: true
      social: menu
      source: embed
  ---
  
  ```{r setup, include=FALSE}
  library(flexdashboard)
  ```
  
  ### Leaflet is a JavaScript library for creating dynamic maps that support panning and zooming along with various annotations.
  
  ```{r}
  library(leaflet)
  leaflet() %&gt;%
    addTiles() %&gt;%
    addMarkers(lng=174.768, lat=-36.852, popup=&quot;The birthplace of R&quot;)
  ```
  
  ***
  
  
  &lt;style type=&quot;text/css&quot;&gt;
  
  .chart-title {  /* chart_title  */
     font-size: 30px;
     font-family: Algerian;
  
  &lt;/style&gt;
  
  https://rstudio.github.io/leaflet/
  
  - Interactive panning/zooming
  
  - Compose maps using arbitrary combinations of map tiles, markers, polygons, lines, popups, and GeoJSON.
  
  - Create maps right from the R console or RStudio
  
  - Embed maps in knitr/R Markdown documents and Shiny apps
  
  - Easily render Spatial objects from the sp package, or data frames with latitude/longitude columns
  
  - Use map bounds and mouse events to drive Shiny logic
  
  
  ### d3heatmap creates interactive D3 heatmaps including support for row/column highlighting and zooming.
  
  ```{r}
  library(d3heatmap)
  d3heatmap(mtcars, scale=&quot;column&quot;, colors=&quot;Blues&quot;)
  ```
  
  ***
  
  
  &lt;style type=&quot;text/css&quot;&gt;
  
  .chart-title {  /* chart_title  */
     font-size: 30px;
     font-family: Algerian;
  
  &lt;/style&gt;
  
  https://github.com/rstudio/d3heatmap/
  
  - Highlight rows/columns by clicking axis labels
  
  - Click and drag over colormap to zoom in (click on colormap to zoom out)
  
  - Optional clustering and dendrograms, courtesy of base::heatmap
  </code></pre>
  <p>Can someone please show me how to do this?</p>
  <p>Thanks!</p>