Xaringan Заголовок слайда
В xaringan я хочу добавить фон в заголовок слайда. Мне удалось сделать это, следуя инструкциям Ихуэй.
Это работает, за исключением того, что я теряю шрифты по умолчанию (Yanone Kaffeesatz).
YAML:
---
title: "My title"
subtitle: "My subtitle"
author: "Me Myself"
date: "01/01/2012"
output:
xaringan::moon_reader:
css: my-theme.css
lib_dir: libs
nature:
ratio: '16:9'
highlightStyle: github
highlightLines: true
countIncrementalSlides: false
---
где my-theme.css
как следует:
.title-slide {
background-image: url(Figures/MyBackground.jpg);
background-size: cover;
}
2 ответа
Решение
Я не рекомендую вам добавлять default-fonts.css
на ваш my-theme.css
, Если вы хотите шрифты по умолчанию, вы можете использовать
output:
xaringan::moon_reader:
css: [default, default-fonts, my-theme.css]
См. Дополнительную информацию в разделе 7.5 книги R Markdown.
Я думаю, что я понял это. Я добавил вызов шрифта в пользовательский CSS. Так что теперь мой my-theme.css
похоже:
.title-slide {
background-image: url(Figures/Suncor_2018_Background.jpg);
background-size: cover;
}
@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);
body { font-family: 'Droid Serif', 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC', serif; }
h1, h2, h3 {
font-family: 'Yanone Kaffeesatz';
font-weight: normal;
}
.remark-code, .remark-inline-code { font-family: 'Source Code Pro', 'Lucida Console', Monaco, monospace; }
Я нашел это в default-fonts.css
...\ Library\xaringan\rmarkdown\ Шаблоны \ xaringan \ ресурсы