<h2 id="heading-think">Think</h2>
<blockquote>
<p>When the first font I specify doesn't have italic, will the first font be italicized or will the second font with italic be displayed?</p>
</blockquote>
<p>Here is a page importing 3 fonts.</p>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://codepen.io/weensy/pen/jOmdboW">https://codepen.io/weensy/pen/jOmdboW</a></div>
<h3 id="heading-code">Code</h3>
<pre><code class="lang-html"><span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">style</span>=
<span class="hljs-string">"font-family: 'Roboto', 'Playfair Display'; font-style: italic;"</span>&gt;</span>
This is Roboto first, Playfair Display second. And style is italic.<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span>
</code></pre>
<p>Now let's see how the above code runs.</p>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://codepen.io/weensy/pen/mdmvORO">https://codepen.io/weensy/pen/mdmvORO</a></div>
<h2 id="heading-conclusion">Conclusion</h2>
<p>Force italics when that doesn't have italics, without displaying the next font.</p>


## Think
> When the first font I specify doesn't have italic, will the first font be italicized or will the second font with italic be displayed?

Here is a page importing 3 fonts.

%[https://codepen.io/weensy/pen/jOmdboW]

### Code
```html
<span style=
"font-family: 'Roboto', 'Playfair Display'; font-style: italic;">
This is Roboto first, Playfair Display second. And style is italic.</span>
```

Now let's see how the above code runs.

%[https://codepen.io/weensy/pen/mdmvORO]

## Conclusion
Force italics when that doesn't have italics, without displaying the next font.

How does CSS work in font without italic?

Think

Code

Conclusion