add another google font theme test

tests/testthat/css/google_fonts.css

@@ -0,0 +1,230 @@
+/* -------------------------------------------------------
+ *
+ *     !! This file was generated by xaringanthemer !!
+ *
+ *  Changes made to this file directly will be overwritten
+ *  if you used xaringanthemer in your xaringan slides Rmd
+ *
+ *  Issues or likes?
+ *    - https://github.com/gadenbuie/xaringanthemer
+ *    - https://www.garrickadenbuie.com
+ *
+ *  Need help? Try:
+ *    - vignette(package = "xaringanthemer")
+ *    - ?xaringanthemer::style_xaringan
+ *    - xaringan wiki: https://github.com/yihui/xaringan/wiki
+ *    - remarkjs wiki: https://github.com/gnab/remark/wiki
+ *
+ *  Version: a.b.c.d.eeee
+ *
+ * ------------------------------------------------------- */
+@import url(https://fonts.googleapis.com/css?family=Noto+Serif&display=swap);
+@import url(https://fonts.googleapis.com/css?family=IBM+Plex+Serif:700&display=swap);
+@import url(https://fonts.googleapis.com/css?family=IBM+Plex+Mono&display=swap);
+
+
+:root {
+  /* Fonts */
+  --text-font-family: 'Noto Serif';
+  --text-font-is-google: 1;
+  --text-font-family-fallback: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial;
+  --text-font-base: sans-serif;
+  --header-font-family: 'IBM Plex Serif';
+  --header-font-is-google: 1;
+  --code-font-family: 'IBM Plex Mono';
+  --code-font-is-google: 1;
+  --base-font-size: 20px;
+  --text-font-size: 1rem;
+  --code-font-size: 0.9rem;
+  --code-inline-font-size: 1rem;
+  --header-h1-font-size: 2.75rem;
+  --header-h2-font-size: 2.25rem;
+  --header-h3-font-size: 1.75rem;
+
+  /* Colors */
+  --text-color: #000;
+  --header-color: #000;
+  --background-color: #FFF;
+  --link-color: rgb(249, 38, 114);
+  --code-highlight-color: rgba(255,255,0,0.5);
+  --inverse-text-color: #d6d6d6;
+  --inverse-background-color: #272822;
+  --inverse-header-color: #f3f3f3;
+  --title-slide-background-color: #272822;
+  --title-slide-text-color: #d6d6d6;
+  --header-background-color: #000;
+  --header-background-text-color: #FFF;
+}
+
+html {
+  font-size: var(--base-font-size);
+}
+
+body {
+  font-family: var(--text-font-family), var(--text-font-family-fallback), var(--text-font-base);
+  font-weight: ;
+  color: var(--text-color);
+}
+h1, h2, h3 {
+  font-family: var(--header-font-family);
+  font-weight: 600;
+  color: var(--header-color);
+}
+.remark-slide-content {
+  background-color: var(--background-color);
+  font-size: 1rem;
+  padding: 16px 64px 16px 64px;
+  width: 100%;
+  height: 100%;
+}
+.remark-slide-content h1 {
+  font-size: var(--header-h1-font-size);
+}
+.remark-slide-content h2 {
+  font-size: var(--header-h2-font-size);
+}
+.remark-slide-content h3 {
+  font-size: var(--header-h3-font-size);
+}
+.remark-code, .remark-inline-code {
+  font-family: var(--code-font-family), Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
+}
+.remark-code {
+  font-size: var(--code-font-size);
+}
+.remark-inline-code {
+  font-size: var(--code-inline-font-size);
+  color: #000;
+}
+.remark-slide-number {
+  color: #272822;
+  opacity: 1;
+  font-size: 0.9rem;
+}
+a, a > code {
+  color: var(--link-color);
+  text-decoration: none;
+}
+.footnote {
+  position: absolute;
+  bottom: 60px;
+  padding-right: 4em;
+  font-size: 0.9rem;
+}
+.remark-code-line-highlighted {
+  background-color: var(--code-highlight-color);
+}
+.inverse {
+  background-color: var(--inverse-background-color);
+  color: var(--inverse-text-color);
+  
+}
+.inverse h1, .inverse h2, .inverse h3 {
+  color: var(--inverse-header-color);
+}
+.title-slide, .title-slide h1, .title-slide h2, .title-slide h3 {
+  color: var(--title-slide-text-color);
+}
+.title-slide {
+  background-color: var(--title-slide-background-color);
+}
+.title-slide .remark-slide-number {
+  display: none;
+}
+/* Two-column layout */
+.left-column {
+  width: 20%;
+  height: 92%;
+  float: left;
+}
+.left-column h2, .left-column h3 {
+  color: #777;
+}
+.left-column h2:last-of-type, .left-column h3:last-child {
+  color: #000;
+}
+.right-column {
+  width: 75%;
+  float: right;
+  padding-top: 1em;
+}
+.pull-left {
+  float: left;
+  width: 47%;
+}
+.pull-right {
+  float: right;
+  width: 47%;
+}
+.pull-right ~ * {
+  clear: both;
+}
+img, video, iframe {
+  max-width: 100%;
+}
+blockquote {
+  border-left: solid 5px lightgray;
+  padding-left: 1em;
+}
+.remark-slide table {
+  margin: auto;
+  border-top: 1px solid #666;
+  border-bottom: 1px solid #666;
+}
+.remark-slide table thead th {
+  border-bottom: 1px solid #ddd;
+}
+th, td {
+  padding: 5px;
+}
+.remark-slide thead, .remark-slide tfoot, .remark-slide tr:nth-child(even) {
+  background: #eee;
+}
+table.dataTable tbody {
+  background-color: var(--background-color);
+  color: var(--text-color);
+}
+table.dataTable.display tbody tr.odd {
+  background-color: var(--background-color);
+}
+table.dataTable.display tbody tr.even {
+  background-color: #eee;
+}
+table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
+  color: var(--text-color);
+}
+.dataTables_wrapper .dataTables_paginate .paginate_button {
+  color: var(--text-color) !important;
+}
+
+/* Slide Header Background for h1 elements */
+.remark-slide-content.header_background > h1 {
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  background: var(--header-background-color);
+  color: var(--header-background-text-color);
+  padding: 2rem 64px 1.5rem 64px;
+  margin-top: 0;
+  box-sizing: border-box;
+}
+.remark-slide-content.header_background {
+  padding-top: 7rem;
+}
+
+@page { margin: 0; }
+@media print {
+  .remark-slide-scaler {
+    width: 100% !important;
+    height: 100% !important;
+    transform: scale(1) !important;
+    top: 0 !important;
+    left: 0 !important;
+  }
+}
+

tests/testthat/test-themes.R

@@ -34,6 +34,11 @@ test_that("style_mono_dark()", test_theme_file("mono_dark"))
 test_that("style_mono_light()", test_theme_file("mono_light"))
 test_that("style_solarized_dark()", test_theme_file("solarized_dark"))
 test_that("style_solarized_light()", test_theme_file("solarized_light"))
+test_that("google fonts in theme", test_theme_file(
+  "google_fonts",
+  header_font_google = google_font("IBM Plex Serif", "700"),
+  code_font_google = google_font("IBM Plex Mono")
+))
 
 test_that("header_background_auto = TRUE", {
   test_theme_file("duo", "duo-header_bg.css", header_background_auto = TRUE)