¿Cómo agregar y cambiar fuentes en reveal.js?
(3)
En realidad hay un montón de fuentes. Es solo que tiene que ir alrededor de diferentes temas para encontrar los adecuados para su presentación. Tuve un problema similar con el tema predeterminado, cámbielo a otro tema, busque el tema dentro de css / tema
Para cambiar el tema, cambie la etiqueta de enlace en el archivo index.html
<link rel="stylesheet" href="css/theme/default.css" id="theme">
cambiar default.css a cualquier otro archivo de tema
<link rel="stylesheet" href="css/theme/solarized.css" id="theme">
Espero que funcione.
Aún así, si desea cambiar las fuentes, puede cambiar la familia de fuentes para cada etiqueta dentro del tema que va a usar yendo al archivo css del tema.
Estoy trabajando con reveal.js para mi próxima presentación, quiero cambiar las fuentes predeterminadas usadas para los encabezados.
¿Cómo puedo agregar y cambiar las fuentes en reveal.js ?
Para agregar a la respuesta de aatish-sai (¡gracias!).
Una plantilla de tema base está aquí: https://github.com/hakimel/reveal.js/blob/master/css/theme/template/theme.scss .
Si quiero cambiar las fuentes mostradas (por ejemplo, a Fira Sans) en las diapositivas reveal.js generadas desde un cuaderno foo.ipynb , basta con escribir el siguiente texto
.reveal,
.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
font-family: "Fira Sans";
}
al archivo foo.css en el mismo directorio que el cuaderno.
Puede hacerlo modificando el archivo css del tema actual que está utilizando.
El archivo de tema se encuentra en la carpeta /css/theme/[yourtheme◆.css
Una vez que abra el archivo css para su tema, puede ver la sección de encabezado como abajo
.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; }
Ahora puedes modificar cualquier atributo de tu cabecera.