问:从Google字体中选择一种字体,并将其包含在页面中。这应该适合标题元素。
我听不懂这句话,因为我使用了5次以上的字体字体家族,但不能解决这个问题,请帮忙。
index.html
<!DOCTYPE html>
< html >
<头> < meta charset = “ utf-8” > <标题> Nick Pettit | 设计器</ title > < link rel = “ stylesheet” href = “ css / normalize.css” > < link rel = “ stylesheet” href = “ css / main.css” > </ head > < body > < header >
= “ index.html” id = “徽标” >
< h1类= “标题” > Nick Pettit </ h1 > < h2 > Designer </ h2 > </ a > <导航> < ul > < li > < a href = “ index.html”类= “已选择” >投资组合</ a > </ li > <li > < a href
= “about.html” >关于</一> </李>
<李> <一个HREF = “contact.html” >联系</一> </李> </ UL > </ NAV > </报头> < div id = “包装器” > <部分> < ul > < li > <a href = “ img / numbers-01.jpg” > <
img src = “ img / numbers-01.jpg” alt = “” >
< p >颜色和纹理的实验。</ p > </一> </李> <李> <一个HREF = “IMG /数字-02.JPG” > < IMG SRC = “IMG /数字-02.JPG” ALT = “” > < p >在Photoshop中使用混合模式。</ p >
李>
<李> <一个HREF = “IMG /数字-06.jpg” > < IMG SRC = “IMG /数字-06.jpg” ALT = “” > < p >试图创建一个80年代风格的光晕。</ p > </一> </李> <李> <一个HREF = “IMG /数字-09.jpg” > < IMG SRC = “IMG /数字-09.jpg”
< p >使用Photoshop笔刷创建的滴注。</ p >
</一> </李> <李> <一个HREF = “IMG /数字-12.JPG” > < IMG SRC = “IMG /数字-12.JPG” ALT = “” > < p >使用重复创建形状。</ p > </ a > </ li > </ ul > <
页脚>
<一个HREF = “http://twitter.com/nickrp” > < IMG SRC = “IMG / Twitter的wrap.png” ALT = “Twitter的标志” > </一> <一个HREF = “HTTP:/ /facebook.com/nickpettit“ > < img src = ” img / facebook-wrap.png“ alt = ” Facebook徽标“ > </ a > < p > &copy; 2014尼克·佩蒂特(Nick Pettit)。</ p > <
</ body >
</ html >
css / main.css
一个 {
文字装饰:无; } #包装{最大宽度:940像素; 保证金:0自动; } #标志{文本对齐:中心; 边距:0 ; } h1 ,h2 { color :#fff ; font-family :继承;} NAV一个{颜色:#FFF ; }
NAV 一个:悬停 {
颜色:#32673f ; }
答:转到Google字体,选择所需的字体,然后将其添加到您的收藏中。然后,选择导入它的标准方法(link href)并将代码粘贴到main.css规则之前。由于此规则需要字体。:)
在您的代码中尝试以下内容:
<头>
< meta charset = “ utf-8” > <头衔> Nick Pettit | 设计器</ title > < link rel = “ stylesheet” href = “ css / normalize.css” > < link href = 'https: //fonts.googleapis.com/css ? family = Slabo + 27px'rel = 'stylesheet' type = 'text / css' > < link rel = “样式表头>