Настройка шрифтов и внешнего вида

Шрифты

По умолчанию в R презентации используется шрифт Lato, однако можно настроить другой шрифт, используя атрибут font-family в первом слайде, например указав font-family: 'Helvetica'. Семантика здесь такая же, как и для CSS семейства шрифтов (например, можно указать список разделенных запятыми альтернативных шрифтов).

Обратите внимание, что если вы используете по умолчанию шрифт Lato презентация гарантированно всегда будет демонстрироваться с этим шрифтом (так как он встроен в презентации). Если ли же указать альтернативный шрифт, то он должен быть доступен на той системе, где презентация отображается (в противном случае будет использован резервный шрифт).

Можно также импортировать веб-шрифты из пользовательского URL с помощью атрибута font-import. Например, это можно сделать так:

font-import: http://fonts.googleapis.com/css?family=Risque

font-family: 'Risque'

Следует иметь ввиду, что при импорте веб-шрифта требуется гарантированное подключение к интернету.

Если необходимо уменьшить размер букв для некоторых фрагментов текста, можете заключить этот фрагмент в теги: <small> Это предложение будет выглядеть меньше. </small >

Задание стилей

Для настройки отображения отдельных слайдов или фрагментов текста можно использовать CSS. Если таблицу стилей разместить в том же директории что и презентации, и с тем же базовым именем, то она будет автоматически импортирована. Например, если файл презентации ТОИ.Rpres то файл ТОИ.css будет импортирован, если он существует.

Также можете явно указать файл стилей, используя атрибут CSS на титульном слайде, например CSS: custom.css

Наконец, можно включить стили прямо в исходный файл презентации, разместив их в начале, перед титульным слайдом.

Применение стилей

Для применения стиля класса, определенного в CSS файле к отдельному слайду, надо добавить атрибут class, например:

Слайд

===================================

class: illustration

Для применения стиля класса к фрагменту текста, используется span тег, например:

Слайд

==================================

<span class="emphasized">Внимание!</span>

Если какой-либо стиль нужно применить ко многим фрагментам текста, можно определить его для тега del, а затем нужные фрагменты выделять с помощью двойных «~~» ограничителей. Например, в файле стилей определяем красный цвет для тег del:

.reveal section del {

color: red;

Теперь следующий текст будет отображаться красным цветом:

~~ Этот текст будет красным ~~

Пользовательские типы

Как отмечалось выше, можно использовать четыре типа слайдов section, sub-section, prompt и alert, которые отличаются по цвету фона, шрифтам и размещению заголовков. Однако, можно создавать собственные типы слайдов используя соответствующее описание в CSS. Например, создадим новый тип с названием schooldesk для которого определим черный фон и белые буквы:

.schooldesk .reveal .state-background {

background: black;

}

. schooldesk .reveal h1,

. schooldesk .reveal h2,

. schooldesk .reveal p {

color: white;

}

Теперь можно задать слайду этот тип, используя следующий синтаксис:

Слайд

========================================

type: schooldesk

Следует отметить, что единственный способ, чтобы настроить цвет фона (или изображение) слайда является определение пользовательского типа.