html - 如何将类样式继承到应用元素的子元素

Question

将字体应用于此 html 的“最佳”（性能，合理）方式是什么：

<nav role="navigation" class="pseudoTableHeader mainNavigation pepColorBackground">
<header class="hide">
    <h1>Navigation</h1>
</header>
<ul class="centeredList">
    <li><a href="#">Wir &uuml;ber uns</a></li>
    <li><a href="#">Spendenformate</a></li>
    <li><a href="#">Neues aus der Redaktion</a></li>
    <li><a href="#">Autoren</a></li>
    <li><a href="#">Downloads</a></li>
    <li><a href="#">Kontakt</a></li>
    <li><a href="#">Impressum</a></li>
</ul>

版本 1：http: //jsfiddle.net/vnQcv/

版本 2：http: //jsfiddle.net/vnQcv/1/

版本 3：http: //jsfiddle.net/vnQcv/2/

第四版：？？？

Answer 1

最好将其作为 css 包含在 html 中

<link href='http://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css'>