Problème de création de texte en italique lors du rendu d'un document HTML depuis Rmd via RStudio

Question

Je tente de créer une présentation ioslides à partir de Rmd dans RStudio mais la mise en forme italique et en gras ne semble pas fonctionner (l'astérisque et l'astérisque double). Si je rends au HTML, ils fonctionnent.

Je peux changer les couleurs de texte en utilisant CSS, mais je ne peux pas mettre en gras ou en italique le texte. Dans le code ci-dessous, dans les deux cas (ioslides_presentation et html_document), le mot "Markdown" est orange, mais seulement dans le cas html_document, le texte est en italique.

Je cours sur un Mac avec la dernière version de RStudio.

fichier CSS:

.mystuff { 
    color: orange; 
} 

fichier Rmd:

--- 
title: "Untitled" 
output: 
    ioslides_presentation: 
    css: styles.css 
date: "12/16/2016" 
--- 


## R Markdown 

This is an R *<span class="mystuff">Markdown</span>* document. 
Markdown is a simple formatting syntax for authoring HTML, PDF, 
and MS Word documents. For more details on using R Markdown see 
<http://rmarkdown.rstudio.com> 

Answer 1

Le problème ici, je crois, est que les ioslides par défaut style pour <em> texte ne fait pas en italique il. Le style par défaut de ioslides a:

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp, 
small, strike, strong, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, 
time, mark, audio, video { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    font: inherit; 
    font-size: 100%; 
    vertical-align: baseline; 
} 

Et, en particulier, le bit font: inherit; remplace la valeur par défaut font-style: italic; style CSS habituellement appliqué à <em> éléments.

Vous devriez pouvoir résoudre ceci avec un font-style: italic; explicite sur votre classe.

Answer 2

la même idée, juste force italique dans votre coutume styles.css

em { 
    font-style: italic !important; 
}