Fonts

<style>

    .fundamentals-fonts-example + .fundamentals-fonts-example {
        margin-top: 40px;
    }

    .fundamentals-fonts-example h2 {
        margin-bottom: 20px;
    }

    .fundamentals-fonts-example div {
        margin-top: 10px;
    }

</style>



<div class="fundamentals-fonts-example">
    <h2>Font fallbacks:</h2>
    <div style="font-family: 'Helvetica', Arial, sans-serif;">Primary font: 'Helvetica', Arial, sans-serif;</div>
    <div><em style="font-family: 'Helvetica', Arial, sans-serif; font-style: italic">Primary font italic: 'Helvetica', Arial, sans-serif;</em></div>
    <div><strong style="font-family: 'Helvetica', Arial, sans-serif; font-weight: bold;">Primary font bold: 'Helvetica', Arial, sans-serif;</strong></div>
</div>

<div class="fundamentals-fonts-example">
    <h2>Webfonts:</h2>
    <div>Primary font: 'MyFont', 'Helvetica', Arial, sans-serif;</div>
    <div><em>Primary font italic: 'MyFontItalic', 'Helvetica', Arial, sans-serif;</em></div>
    <div><strong>Primary font bold: 'MyFontBold', 'Helvetica', Arial, sans-serif;</strong></div>
</div>