Как добавить и изменить шрифты в show.js?

Я работаю с reveal.js для своей следующей презентации, я хочу изменить шрифты по умолчанию, используемые для заголовков.

Как добавить и изменить шрифты в reveal.js?

Ответы

Ответ 1

Вы можете сделать это, чтобы изменить файл css текущей темы, которую вы используете.

Файл темы находится в папке /css/theme/ [yourtheme].css

Как только вы откроете файл css для своей темы, вы можете увидеть раздел для заголовка, как показано ниже

.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
  margin: 0 0 20px 0;
  color: #eee8d5;
  font-family: "League Gothic", Impact, sans-serif;
  line-height: 0.9em;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-shadow: none; }

Теперь вы можете изменить любой атрибут вашего заголовка.

Ответ 2

На самом деле есть много шрифтов. Просто вам нужно идти по разным темам, чтобы найти подходящие для презентации. У меня была аналогичная проблема с темой по умолчанию, ее изменение на другую тему, поиск темы внутри css/theme

Чтобы изменить тему, измените тег ссылки в файле index.html

<link rel="stylesheet" href="css/theme/default.css" id="theme">

изменить default.css на любые другие файлы тем

<link rel="stylesheet" href="css/theme/solarized.css" id="theme">

Надеюсь, что это сработает.

Тем не менее, если вы хотите изменить шрифты, вы можете изменить семейство шрифтов для каждого тега внутри темы, которую вы будете использовать, перейдя в css файл темы.