<div class="row">
<div class="col-xs-4">
<label for="input-@font-family-sans-serif">@font-family-sans-serif</label>
- <input class="form-control" id="input-@font-family-sans-serif" type="text" value=""Helvetica Neue", Helvetica, Arial, sans-serif" data-var="@font-family-sans-serif"/>
+ <input class="form-control" id="input-@font-family-sans-serif" type="text" value="-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif" data-var="@font-family-sans-serif"/>
</div>
<div class="col-xs-4">
<label for="input-@font-family-serif">@font-family-serif</label>
</div>
<div class="col-xs-4">
<label for="input-@font-family-monospace">@font-family-monospace</label>
- <input class="form-control" id="input-@font-family-monospace" type="text" aria-describedby="help-block-@font-family-monospace" value="Menlo, Monaco, Consolas, "Courier New", monospace" data-var="@font-family-monospace"/>
+ <input class="form-control" id="input-@font-family-monospace" type="text" aria-describedby="help-block-@font-family-monospace" value=""SFMono-Regular", Menlo, Monaco, Consolas, "Courier New", monospace" data-var="@font-family-monospace"/>
<p class="help-block" id="help-block-@font-family-monospace">Default monospace fonts for <code><code></code>, <code><kbd></code>, and <code><pre></code>.</p>
</div>
<div class="clearfix"></div>