icon - 使用国内的cdn
发现新的使用icon的方式,电脑还没好,使用记事本,star.txt, 内容如下:
<!DOCTYPE html>
<html>
<head>
<title>Foundation 实例</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.staticfile.org/foundation/5.5.3/css/foundation.min.css">
<link rel="stylesheet" href="https://static.runoob.com/assets/foundation-icons/foundation-icons.css">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/foundation/5.5.3/js/foundation.min.js"></script>
<script src="https://cdn.staticfile.org/foundation/5.5.3/js/vendor/modernizr.js"></script>
</head>
<body>
<div style="padding:20px;"><br />
<h2>图标实例</h2><br />
<p>Cloud icon: <i class="fi-star"></i></p> <br />
<p>Cloud icon as a link:<br />
<a href="#"><i class="fi-star"></i></a><br />
</p><br />
<p>Styled Cloud icon: <i class="fi-cloud" style="font-size:35px;color:red;"></i></p> <br />
<p>Home icon: <i class="fi-home"></i></p><br />
<p>Home icon on a button:<br />
<button type="button" class="button"><br />
<i class="fi-home"></i> Home <br />
</button><br />
</p><br />
<p>Home icon on a green button:<br />
<button type="button" class="button success"><br />
<i class="fi-home"></i> Home <br />
</button><br />
</p><br />
<p>Home icon on a large, light blue link button:<br />
<a href="#" class="button info large"><br />
<i class="fi-home"></i> Home <br />
</a><br />
</p> <br />
</div>
</body><br />
</html>
然后ctrl+s,保存后,修改文件的名称为:star.html,双击打开,看到
