first commit
This commit is contained in:
mshe
commit
36c40301c6
|
|
@ -0,0 +1 @@
|
|||
{"code":"success","data":[{"dataName":"itceras_bold-demo.html","dataSrc":"font/itceras_bold-demo.html"},{"dataName":"companyIdea.html","dataSrc":"companyIdea.html"},{"dataName":"contactUs.html","dataSrc":"contactUs.html"},{"dataName":"index.html","dataSrc":"index.html"},{"dataName":"news.html","dataSrc":"news.html"},{"dataName":"newsxq.html","dataSrc":"newsxq.html"},{"dataName":"product.html","dataSrc":"product.html"},{"dataName":"productxq.html","dataSrc":"productxq.html"}]}
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,96 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>公司理念</title>
|
||||
<link href="css/base.css" type="text/css" rel="stylesheet" />
|
||||
<link href="css/companyIdea.css" type="text/css" rel="stylesheet" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!--顶部-->
|
||||
<div class="banner">
|
||||
<!--头部-->
|
||||
<div class="top">
|
||||
<div class="logo"></div>
|
||||
<span></span>
|
||||
<div class="txt01">
|
||||
<p>专注护肤行业<b>10年</b></p>
|
||||
<p>我们只生产最高品质的护肤产品</p>
|
||||
</div>
|
||||
<div class="tel">
|
||||
<p>全国服务咨询热线</p>
|
||||
<b>400-888-2837</b>
|
||||
</div>
|
||||
</div>
|
||||
<!--导航-->
|
||||
<div class="nav">
|
||||
<div class="nav_bg">
|
||||
<ul>
|
||||
<li><a href="index.html">首页</a></li>
|
||||
<li><span></span><a href="news.html">公司新闻</a></li>
|
||||
<li><span></span><a href="product.html">产品中心</a></li>
|
||||
<li class="ff"><span></span><a href="companyIdea.html">公司理念</a></li>
|
||||
<li><span></span><a href="contactUs.html">联系我们</a></li>
|
||||
</ul>
|
||||
<div class="search">
|
||||
<div class="s01">产品搜索</div>
|
||||
<input type="text" value="请输入关键字" class="s02" /><span></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<i></i>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="main">
|
||||
<h2>当前位置：首页>公司理念</h2>
|
||||
|
||||
<div class="left">
|
||||
<ul>
|
||||
<li class="curr"><a href="#"><span></span>公司理念</a></li>
|
||||
<li><a href="#"><span></span>公司介绍</a></li>
|
||||
<li><a href="#"><span></span>品牌资讯</a></li>
|
||||
<li><a href="#"><span></span>品牌历史</a></li>
|
||||
</ul>
|
||||
<div class="ad">
|
||||
<div class="s01"><span></span><p>客服中心</p><span></span></div>
|
||||
<div class="s02"><b><i></i></b></div>
|
||||
<div class="s03"><p>电话：010-57203888</p><p>地址：北京市崇文区崇外大街正仁大厦1段9单元</p></div>
|
||||
</div>
|
||||
<div class="tel">
|
||||
<div class="box01"><span>服务热线</span><i></i><p>400-888-2837</p></div>
|
||||
</div>
|
||||
<div class="yin"><img src="images/yin01.png" /> </div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="right">
|
||||
<span>化妆品体验型专卖店</span><span>——上海正大广场旗舰店全新揭幕开启养美体验新时代</span>
|
||||
<div class="idea">
|
||||
<p> 2014年12月20日，现代中草药个人护理专家——化妆品首家体验型专卖店于上海正大广场全新揭幕。店内一系列特有的增值服务和贴心的体验环境，从空间打造到功能布局，完美诠释养美新体验。当红歌手及影视明星乔任梁Kimi应邀出席，一同为佰上海正大广场旗舰店揭幕剪彩，见证品牌又一次全新绽放。</p>
|
||||
<p>通过对于体验型专卖店的空间打造，重新梳理了东方美学所传达的价值观。在文化复兴的时代，化妆品作为先驱者，将东方文化与品牌空间完美融合在一起。东方美学不仅是视觉体验，更体现了一种关怀：对人的尊重，对自然的敬畏。从空间材料到产品，都渗透着设计师对东方美学及人文的熟练驾驭，是一种全新的商业整合方式。体验型专卖店的设计完全摒弃了表面化的装饰符号，令众人宛若漫步在园林空间之中，体验不同于西方的单纯空间，找寻到东方文化的意义。简单的一抹青苔绿、一处不经意的留白、一帘原浆纸……无不深刻展示了品牌对于东方美学价值的继承理念：客观物质总有其利用价值，就是看起来毫无用处的事物，也可以化无用为有用。所以“有”带给我们的使用价值是和“无”相互配合而体现发挥出来的。</p>
|
||||
<p>不仅在空间打造上有所巧思，化妆品正大广场旗舰店更是以一系列特有增值服务，且配合现代互动设备的协助点睛，珍视并加强与每一位消费者的沟通，提供全方位购物新体验，完美诠释了化妆品以消费者为圆心，以人为本的服务理念。店内特设会员养美课程，顾客可通过微信、官网便捷地浏览课表，并预约指定时段的指定课程，致力于打造系统的会员课程体系。《基于五行理论的养生养美》课程将于明年初首度开课，特邀著名中医养生专家为会员带来精彩讲授。该店也是首家支持多样化支付和配送服务的专卖店，在店内购买的产品可选择快递直接送到家，轻松体验购物乐趣；在化妆品天猫旗舰店上购买的化妆品产品，也可享受店内提货、退货服务，真正打造线上线下联动购物，为顾客提供更为便捷的购物体验。</p>
|
||||
</div>
|
||||
<div class="photo"><b><img src="images/company.png" /></b><p><img src="images/company.png" /></p></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--底部-->
|
||||
<div class="bottom">
|
||||
<div class="bb">
|
||||
<ul>
|
||||
<li><a href="index.html">首页</a></li>
|
||||
<li><span></span><a href="news.html">公司新闻</a></li>
|
||||
<li><span></span><a href="product.html">产品中心</a></li>
|
||||
<li><span></span><a href="companyIdea.html">公司理念</a></li>
|
||||
<li><span></span><a href="contactUs.html">联系我们</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<p>© 上海化妆品有限公司版权所有 沪ICP备11049051号 更多模板：<a href="http://www.cssmoban.com/" target="_blank">模板之家</a> </p>
|
||||
</div>
|
||||
</body>
|
||||
<script src="js/jquery.js"></script>
|
||||
<script src="js/js.js"></script>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,109 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>产品中心</title>
|
||||
<link href="css/base.css" type="text/css" rel="stylesheet" />
|
||||
<link href="css/contactUs.css" type="text/css" rel="stylesheet" />
|
||||
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!--顶部-->
|
||||
<div class="banner">
|
||||
<!--头部-->
|
||||
<div class="top">
|
||||
<div class="logo"></div>
|
||||
<span></span>
|
||||
<div class="txt01">
|
||||
<p>专注护肤行业<b>10年</b></p>
|
||||
<p>我们只生产最高品质的护肤产品</p>
|
||||
</div>
|
||||
<div class="tel">
|
||||
<p>全国服务咨询热线</p>
|
||||
<b>400-888-2837</b>
|
||||
</div>
|
||||
</div>
|
||||
<!--导航-->
|
||||
<div class="nav">
|
||||
<div class="nav_bg">
|
||||
<ul>
|
||||
<li><a href="index.html">首页</a></li>
|
||||
<li><span></span><a href="news.html">公司新闻</a></li>
|
||||
<li><span></span><a href="product.html">产品中心</a></li>
|
||||
<li><span></span><a href="companyIdea.html">公司理念</a></li>
|
||||
<li class="ff"><span></span><a href="contactUs.html">联系我们</a></li>
|
||||
</ul>
|
||||
<div class="search">
|
||||
<div class="s01">产品搜索</div>
|
||||
<input type="text" value="请输入关键字" class="s02" /><span></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<i></i>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="main">
|
||||
<h2>当前位置：首页>联系我们</h2>
|
||||
|
||||
<div class="left">
|
||||
<ul>
|
||||
<li class="curr"><a href="#"><span></span>联系我们</a></li>
|
||||
<li><a href="#"><span></span>友情链接</a></li>
|
||||
<li><a href="#"><span></span>购物问题</a></li>
|
||||
<li><a href="#"><span></span>账户问题</a></li>
|
||||
</ul>
|
||||
<div class="ad">
|
||||
<div class="s01"><span></span><p>客服中心</p><span></span></div>
|
||||
<div class="s02"><b><i></i></b></div>
|
||||
<div class="s03"><p>电话：010-57203888</p><p>地址：北京市崇文区崇外大街正仁大厦1段9单元</p></div>
|
||||
</div>
|
||||
<div class="tel">
|
||||
<div class="box01"><span>服务热线</span><i></i><p>400-888-2837</p></div>
|
||||
</div>
|
||||
<div class="yin"><img src="images/yin01.png" /> </div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="right">
|
||||
<div class="box01">
|
||||
<h4>化妆品</h4><h3>品牌火热招商中...</h3>
|
||||
<div class="ad">
|
||||
<span><p>官网热线：400-888-2837</p><p>地址：北京市崇文区崇外大街正仁大厦1段9单元</p></span>
|
||||
<a href="#">申请加盟化妆品<p></p></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box02">
|
||||
<div id="dituContent"></div>
|
||||
<div class="message">
|
||||
<span>在线留言</span>
|
||||
<input type="text" value="姓 名：" class="name" />
|
||||
<input type="text" value="联系电话：" class="tel" />
|
||||
<input type="text" value="电子邮箱：" class="email" />
|
||||
<input type="text" value="留言内容：" class="messg" />
|
||||
<input type="submit" value="提交留言" class="sub" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--底部-->
|
||||
<div class="bottom">
|
||||
<div class="bb">
|
||||
<ul>
|
||||
<li><a href="index.html">首页</a></li>
|
||||
<li><span></span><a href="news.html">公司新闻</a></li>
|
||||
<li><span></span><a href="product.html">产品中心</a></li>
|
||||
<li><span></span><a href="companyIdea.html">公司理念</a></li>
|
||||
<li><span></span><a href="contactUs.html">联系我们</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<p>© 上海化妆品有限公司版权所有 沪ICP备11049051号 更多模板：<a href="http://www.cssmoban.com/" target="_blank">模板之家</a> </p>
|
||||
</div>
|
||||
</body>
|
||||
<script src="js/jquery.js"></script>
|
||||
<script src="js/js.js"></script>
|
||||
<script src="js/map.js"></script>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,51 @@
|
|||
@charset "utf-8";
|
||||
/* CSS Document */
|
||||
|
||||
@font-face{
|
||||
font-family: 'itceras_bold-webfont';
|
||||
src: url('../font/itceras_bold-webfont.eot');
|
||||
src: url('../font/itceras_bold-webfont.eot?#iefix') format('embedded-opentype'),
|
||||
url('../font/itceras_bold-webfont.woff2') format('woff2'),
|
||||
url('../font/itceras_bold-webfont.woff') format('woff'),
|
||||
url('../font/itceras_bold-webfont.ttf') format('truetype'),
|
||||
url('../font/itceras_bold-webfont.svg#erasitclight') format('svg');
|
||||
font-style: normal;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
*{ margin:0; padding:0;}
|
||||
img{ border:none;}
|
||||
li{ list-style:none;}
|
||||
a{ text-decoration:none; color:#3b3838;}
|
||||
body{ font-size:14px; font-family:"微软雅黑"; background:#f0f0f0; color:#3d3c3c;}
|
||||
|
||||
|
||||
.banner{ width:100%; height:690px; margin:0 auto; background:url(../images/banner.jpg) no-repeat center 0; overflow:hidden;}
|
||||
.top{ width:1200px; height:102px; margin:0 auto; line-height:128px; margin-top:26px;}
|
||||
.top .logo{ width:210px; height:76px; background:url(../images/logo.jpg); float:left;}
|
||||
.top span{ width:2px; height:76px; background:url(../images/line01.jpg); margin-left:16px; float:left;}
|
||||
.top .txt01{ margin-left:16px; padding-top:10px; float:left;}
|
||||
.top .txt01 p{ height:26px; line-height:26px; font-style:italic; font-weight:bold; color:#077c2b; }
|
||||
.top .txt01 p b{ color:#f90e0e;}
|
||||
.top .tel{ margin-left:16px; padding-top:16px; float:right;}
|
||||
.top .tel p{ height:24px; line-height:24px; font-style:italic; font-weight:bold; color:#151515;}
|
||||
.top .tel b{ height:24px; line-height:24px; font-style:italic; font-family: 'itceras_bold-webfont'; font-size:30px; color:#028d42;}
|
||||
.nav{ width:100%; height:41px; background:#077c2b; margin:0 auto; border:solid 2px #036020;}
|
||||
.nav .nav_bg{ width:1160px; height:100%; margin:0 auto; position:relative;}
|
||||
.nav ul li a{ line-height:41px; text-align:center; font-size:18px; padding:0 50px; color:#FFFFFF; float:left;}
|
||||
.nav ul li span{ height:16px; color:#FFFFFF; border-left:solid 1px #FFFFFF; margin-top:12px; float:left;}
|
||||
.nav .ff a{ background:#78a70b; color:#495644; position:relative; left:1px;}
|
||||
.nav .ff span{ border-left:solid 1px #077c2b;}
|
||||
.nav .search{ margin-top:8px; float:right;}
|
||||
.nav .search .s01{ width:78px; height:25px; line-height:25px; text-align:center; background:#58594d; color:#FFFFFF; float:left; position:relative; z-index:1;}
|
||||
.nav .search .s02{ width:130px; height:23px; line-height:23px; background:#FFFFFF; color:#282b29; border:solid 1px #707070; padding-left:30px; margin-right:30px; margin-left:5px;}
|
||||
.nav .search span{ width:23px; height:23px; background:url(../images/tit.png) no-repeat; float:left; z-index:5; position:absolute; top:12px; right:165px;}
|
||||
|
||||
.bottom{ width:100%; height:100px; background:#077c2b;}
|
||||
.bottom .bb{ width:820px; height:40px; margin:0 auto; padding-top:20px;}
|
||||
.bottom ul li{ width:164px; line-height:40px; float:left;}
|
||||
.bottom ul li span{ height:16px; color:#FFFFFF; border-left:solid 1px #FFFFFF; margin-top:12px; float:left;}
|
||||
.bottom ul li a{ font-size:16px; color:#FFFFFF; padding-left:56px;}
|
||||
.bottom .ff a{ border:none;}
|
||||
.bottom p{ width:820px; height:26px; line-height:26px; text-align:center; margin:0 auto; color:#FFFFFF; font-family:"宋体"; padding-top:12px;}
|
||||
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
@charset "utf-8";
|
||||
/* CSS Document */
|
||||
|
||||
.banner{ width:100%; height:553px; margin:0 auto; background:#FFFFFF; overflow:hidden;}
|
||||
.banner i{ width:100%; height:380px; margin:0 auto; background:url(../images/banner02.png) no-repeat center 0; overflow:hidden; display:block;}
|
||||
|
||||
|
||||
.main{ width:1200px; height:900px; background:#FFFFFF; margin:30px auto; box-shadow:#837e7e 0px 3px 3px;/* border-left:solid 1px #d3d2d2; border-right:solid 1px #d3d2d2;*/}
|
||||
h2{ width:1180px; height:50px; border-bottom:solid 2px #9c9a9a; padding-left:20px; line-height:50px; color:#fe3405; font-size:18px; font-weight:100;}
|
||||
.left{ width:240px; height:715px; background:#327216; border:solid 1px #214e0d; float:left; position:relative;}
|
||||
.left .yin{ width:20px; height:216px; background:url(../images/yin01.png) no-repeat; position:absolute; top:-1px; left:-20px;}
|
||||
.left .title{ width:180px; height:52px; line-height:52px; padding-left:60px; color:#FFFFFF; font-size:18px; border-bottom:solid 1px #1a3d0b; position:relative;}
|
||||
.left ul li{ width:240px; height:49px; line-height:52px; font-size:18px; border-bottom:solid 1px #1a3d0b; border-top:solid 1px #d2c6c6;}
|
||||
.left ul li a{ width:200px; height:49px; color:#FFFFFF; padding-left:40px; display:block;}
|
||||
.left ul li span{ width:0; height:0; border-bottom:transparent solid 8px; border-top:transparent solid 8px; border-left:transparent solid 12px; border-right:transparent solid 12px; margin-top:20px; float:left;}
|
||||
.left .curr{ background:url(../images/011.png);}
|
||||
.left .curr span{ width:0; height:0; border-bottom:transparent solid 8px; border-top:transparent solid 8px; border-left:#FFFFFF solid 12px; border-right:transparent solid 12px; margin-top:20px; float:left;}
|
||||
.left .ad{ width:100%; height:318px; border-bottom:solid 1px #1a3d0b; border-top:solid 1px #d2c6c6;}
|
||||
.left .ad .s01 span{ width:75px; height:1px; background:#FFFFFF; margin-top:56px; float:left;}
|
||||
.left .ad .s01 p{ color:#FFFFFF; font-size:16px; margin:46px 13px 5px; float:left;}
|
||||
.left .ad .s02{ width:185px; height:133px; margin:0 auto;}
|
||||
.left .ad .s02 b{ width:185px; height:133px; background:#386126; float:left;}
|
||||
.left .ad .s02 b i{ width:179px; height:127px; background:url(../images/017.png); border:solid 1px #204b0e; margin:2px; display:block;}
|
||||
.left .ad .s03{ float:left;}
|
||||
.left .ad .s03 p{ line-height:20px; color:#FFFFFF; margin-left:26px; margin-right:5px; font-family:"宋体"; font-size:12px; margin-top:15px; }
|
||||
.left .tel{ width:100%; height:190px; border-top:solid 1px #d2c6c6;}
|
||||
.left .tel .box01{ width:190px; height:76px; border:solid 2px #FFFFFF; margin:40px auto 0; position:relative;}
|
||||
.left .tel .box01 span{ width:114px; height:20px; line-height:20px; text-align:center; background:#327216; color:#FFFFFF; position:absolute; top:-10px; left:38px; font-family:"宋体";}
|
||||
.left .tel .box01 p{ margin-top:34px; color:#FFFFFF; font-size:20px;}
|
||||
.left .tel .box01 i{ width:30px; height:30px; margin-top:30px; margin-left:10px; margin-right:3px; background:url(../images/tel.png) no-repeat; float:left;}
|
||||
|
||||
.right{ width:890px; height:840px; margin-left:36px; margin-top:50px; float:left;}
|
||||
.right span{ margin-left:190px; color:#fe3405; font-size:18px; display:block;}
|
||||
.right .idea{ margin:28px 0;}
|
||||
.right .idea p{ font-family:"宋体"; font-size:12px; text-indent:2em; line-height:24px;}
|
||||
.right .photo b{ width:420px; height:260px; border:solid 3px #a0d08e; float:left;}
|
||||
.right .photo p{ width:420px; height:260px; border:solid 3px #a0d08e; float:right;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,55 @@
|
|||
@charset "utf-8";
|
||||
/* CSS Document */
|
||||
@font-face{
|
||||
font-family: 'fzzqjw';
|
||||
src: url('../font/fzzqjw.ttf') format('truetype');
|
||||
}
|
||||
|
||||
.banner{ width:100%; height:553px; margin:0 auto; background:#FFFFFF; overflow:hidden;}
|
||||
.banner i{ width:100%; height:380px; margin:0 auto; background:url(../images/banner02.png) no-repeat center 0; overflow:hidden; display:block;}
|
||||
|
||||
|
||||
.main{ width:1200px; height:900px; background:#FFFFFF; margin:30px auto; box-shadow:#837e7e 0px 3px 3px;/* border-left:solid 1px #d3d2d2; border-right:solid 1px #d3d2d2;*/}
|
||||
h2{ width:1180px; height:50px; border-bottom:solid 2px #9c9a9a; padding-left:20px; line-height:50px; color:#fe3405; font-size:18px; font-weight:100;}
|
||||
.left{ width:240px; height:715px; background:#327216; border:solid 1px #214e0d; float:left; position:relative;}
|
||||
.left .yin{ width:20px; height:216px; background:url(../images/yin01.png) no-repeat; position:absolute; top:-1px; left:-20px;}
|
||||
.left .title{ width:180px; height:52px; line-height:52px; padding-left:60px; color:#FFFFFF; font-size:18px; border-bottom:solid 1px #1a3d0b; position:relative;}
|
||||
.left ul li{ width:240px; height:49px; line-height:52px; font-size:18px; border-bottom:solid 1px #1a3d0b; border-top:solid 1px #d2c6c6;}
|
||||
.left ul li a{ width:200px; height:49px; color:#FFFFFF; padding-left:40px; display:block;}
|
||||
.left ul li span{ width:0; height:0; border-bottom:transparent solid 8px; border-top:transparent solid 8px; border-left:transparent solid 12px; border-right:transparent solid 12px; margin-top:20px; float:left;}
|
||||
.left .curr{ background:url(../images/011.png);}
|
||||
.left .curr span{ width:0; height:0; border-bottom:transparent solid 8px; border-top:transparent solid 8px; border-left:#FFFFFF solid 12px; border-right:transparent solid 12px; margin-top:20px; float:left;}
|
||||
.left .ad{ width:100%; height:318px; border-bottom:solid 1px #1a3d0b; border-top:solid 1px #d2c6c6;}
|
||||
.left .ad .s01 span{ width:75px; height:1px; background:#FFFFFF; margin-top:56px; float:left;}
|
||||
.left .ad .s01 p{ color:#FFFFFF; font-size:16px; margin:46px 13px 5px; float:left;}
|
||||
.left .ad .s02{ width:185px; height:133px; margin:0 auto;}
|
||||
.left .ad .s02 b{ width:185px; height:133px; background:#386126; float:left;}
|
||||
.left .ad .s02 b i{ width:179px; height:127px; background:url(../images/017.png); border:solid 1px #204b0e; margin:2px; display:block;}
|
||||
.left .ad .s03{ float:left;}
|
||||
.left .ad .s03 p{ line-height:20px; color:#FFFFFF; margin-left:26px; margin-right:5px; font-family:"宋体"; font-size:12px; margin-top:15px; }
|
||||
.left .tel{ width:100%; height:190px; border-top:solid 1px #d2c6c6;}
|
||||
.left .tel .box01{ width:190px; height:76px; border:solid 2px #FFFFFF; margin:40px auto 0; position:relative;}
|
||||
.left .tel .box01 span{ width:114px; height:20px; line-height:20px; text-align:center; background:#327216; color:#FFFFFF; position:absolute; top:-10px; left:38px; font-family:"宋体";}
|
||||
.left .tel .box01 p{ margin-top:34px; color:#FFFFFF; font-size:20px;}
|
||||
.left .tel .box01 i{ width:30px; height:30px; margin-top:30px; margin-left:10px; margin-right:3px; background:url(../images/tel.png) no-repeat; float:left;}
|
||||
|
||||
.right{ width:832px; height:840px; margin-left:66px; margin-top:55px; float:left;}
|
||||
.right .box01{ width:100%; height:245px; margin-top:30px; border-bottom:solid 2px #7f7a7a;}
|
||||
.right .box01 h4{ font-family:"宋体"; font-size:52px; font-weight:100; color:#698e11; margin-left:320px;}
|
||||
.right .box01 h3{ font-size:36px; color:#f65923; font-family:'fzzqjw'; font-weight:100; margin-left:320px;}
|
||||
.right .box01 .ad{ margin-top:26px; font-size:18px; line-height:30px;}
|
||||
.right .box01 .ad span{ float:left;}
|
||||
.right .box01 a{ width:210px; height:42px; line-height:42px; background:#327216; color:#FFFFFF; font-family:"黑体"; font-size:24px; margin-left:110px; padding-left:15px; float:left; position:relative;}
|
||||
.right .box01 a p{ width:0; height:0; border-bottom:transparent solid 21px; border-top:transparent solid 21px; border-left:transparent solid 24px; border-right:#FFFFFF solid 24px; position:absolute; right:0; top:0px;}
|
||||
.right .box02{ margin-top:26px;}
|
||||
.right .box02 #dituContent{ width:460px; height:360px; box-shadow:#837e7e 0px 3px 3px; float:left;}
|
||||
.right .box02 .message{ width:310px; height:362px; float:right;}
|
||||
.right .box02 .message span{ width:310px; height:20px; line-height:20px; font-size:18px; margin-bottom:10px; float:left;}
|
||||
.right .box02 .message .name{ width:210px; height:31px; padding-left:6px; color:#3d3c3c; font-family:"宋体";}
|
||||
.right .box02 .message .tel{ width:293px; height:31px; margin-top:20px; color:#3d3c3c; padding-left:6px; font-family:"宋体";}
|
||||
.right .box02 .message .email{ width:293px; height:31px; margin-top:20px; color:#3d3c3c; padding-left:6px; font-family:"宋体";}
|
||||
.right .box02 .message .messg{ width:293px; height:31px; margin-top:20px; color:#3d3c3c; padding-left:6px; padding-bottom:80px; font-family:"宋体";}
|
||||
.right .box02 .message .sub{ width:85px; height:26px; background:#5f810e; color:#FFFFFF; border:none; margin-top:20px; font-family:"宋体";}
|
||||
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,63 @@
|
|||
@charset "utf-8";
|
||||
/* CSS Document */
|
||||
|
||||
.customer{ width:1200px; height:308px; margin:0 auto; position:relative; left:0; top:-48px;}
|
||||
.customer .news{ width:386px; height:308px; background:#FFFFFF; color:#3b3838; float:left;}
|
||||
|
||||
.customer .news span{ height:47px; line-height:47px; padding:0 56px; font-size:20px; float:left;}
|
||||
.customer .news .cur{ border:solid 1px #5e810d; border-bottom:none; background:url(../images/tt_02.jpg); text-align:center; float:left;}
|
||||
.customer .news .cur a{ color:#FFFFFF;}
|
||||
.customer .news ul{ width:330px; height:168px; margin-top:30px; margin-left:20px; float:left;}
|
||||
.customer .news ul li{ width:330px; height:42px; line-height:42px; font-family:"宋体"; border-bottom:dashed 1px #3b3838;}
|
||||
.customer .news p{ width:330px; height:42px; line-height:42px; font-family:"宋体"; text-indent:2em;}
|
||||
.customer .news ul li a:hover{ color:#1f71b6;}
|
||||
.customer .product{ width:376px; height:308px; background:#FFFFFF; float:left; margin-left:20px; position:relative;}
|
||||
.customer .product ul li{ width:360px; height:280px; margin:14px 8px; position:absolute; top:0; left:0; z-index:1;}
|
||||
.customer .product i{ position:absolute; top:14px; right:8px; z-index:3}
|
||||
.customer .product i span{ width:36px; height:28px; float:left; background:#dcdcdc; margin-left:3px;}
|
||||
.customer .product .curr{ width:34px; height:26px; background:#398b33; border:solid 1px #136b0f;}
|
||||
.customer .product .curr b{ width:34px; height:26px; background:url(../images/icon02.png); float:left;}
|
||||
.customer .product big{ width:360px; height:43px; background:#000000; opacity:0.5; position:absolute; bottom:0; left:0; z-index:5;}
|
||||
.customer .product p a{ width:360px; height:43px; line-height:43px; text-align:center; color:#FFFFFF; position:absolute; bottom:0; left:0; z-index:9;}
|
||||
.customer .consult{ width:360px; height:308px; background:#FFFFFF; float:left; margin-left:20px; position:relative;}
|
||||
.customer .consult span{ font-size:26px; color:#178c48; margin:10px 0 10px 15px; display:block;}
|
||||
.customer .consult p{ font-size:18px; color:#262626; margin:10px 15px;}
|
||||
.customer .consult big{ width:auto; height:32px; line-height:32px; font-size:32px; color:#077c2b; background:url(../images/08.png) no-repeat; padding-left:38px; display:block; margin-left:15px;}
|
||||
.customer .consult .web{ margin-left:15px; margin-top:22px;}
|
||||
.customer .consult .qq{ float:left;}
|
||||
.customer .consult .qq p{ font-size:14px; font-family:"宋体"; margin-left:0;}
|
||||
.customer .consult .qq p a{ margin-right:48px; color:#484844;}
|
||||
.customer .consult .qq span{ font-size:14px; font-family:"宋体"; margin-left:0;}
|
||||
.customer .consult .qq span a{ width:86px; height:25px; line-height:27px; text-align:right; background:url(../images/06.png) no-repeat 4px 1px; border:solid 1px #707070; border-radius:5px; float:left; padding-right:5px; margin-right:10px;}
|
||||
.customer .consult .web .two{ margin-right:5px; float:right;}
|
||||
.customer .consult b{ position:absolute; right:0; top:-78px;}
|
||||
|
||||
.main01{ width:1198px; height:548px; border:solid 1px #dcdcdc; background:#FFFFFF; margin:0 auto; margin-top:6px;}
|
||||
.main01 h2{ width:100%px; height:55px; background:url(../images/11.png); border-bottom:solid 1px #dcdcdc; position:relative;}
|
||||
.main01 h2 span{ width:192px; height:64px; background:url(../images/006.png); position:absolute; bottom:-1px; left:44px;}
|
||||
.main01 h2 .right,.main02 h2 .right{ margin-right:30px; float:right;}
|
||||
.main01 h2 .right b,.main02 h2 .right b{ width:10px; height:10px; background:#b4b1a9; border-radius:5px; margin:22px 5px; float:left;}
|
||||
.main01 h2 .right .curr01,.main02 h2 .right .curr01{ background:#9b6d24;}
|
||||
.main01 h2 .right p,.main02 h2 .right p{ width:18px; height:18px; background:#b4b1a9; border-radius:9px; margin:17px 5px; float:left;}
|
||||
.main01 h2 .right p i{ width:0; height:0; border-bottom:transparent solid 5px; border-top:transparent solid 5px; border-left:transparent solid 8px; border-right:#FFFFFF solid 8px; display:block; margin-left:-4px; margin-top:4px;}
|
||||
.main01 h2 .right p big{ width:0; height:0; border-bottom:transparent solid 5px; border-top:transparent solid 5px; border-left:#FFFFFF solid 8px; border-right:transparent solid 8px; display:block; margin-left:6px; margin-top:4px;}
|
||||
.main01 h2 .right .curr02,.main02 h2 .right .curr02{ background:#9b6d24;}
|
||||
.main01 .goods{ margin-top:8px; margin-left:20px; position:relative;}
|
||||
.main01 .goods ul{ position:absolute; top:0; left:0;}
|
||||
.main01 .goods ul li{ margin-top:40px; margin-right:35px; float:left;}
|
||||
.main01 .goods ul li p{ width:200px; text-align:center; padding-top:24px;}
|
||||
|
||||
.main02{ width:1200px; height:511px; background:#FFFFFF; margin:0 auto; margin-top:54px; margin-bottom:68px;}
|
||||
.main02 h2{ width:1198px; height:55px; background:url(../images/11.png); border:solid 1px #dcdcdc; position:relative;}
|
||||
.main02 h2 span{ width:192px; height:64px; background:url(../images/007.png); position:absolute; bottom:-1px; left:44px;}
|
||||
.main02 .company01{ width:380px; height:340px; margin-top:45px; margin-left:24px; float:left;}
|
||||
.main02 .company01 span{ font-size:20px; color:#a9722a;}
|
||||
.main02 .company01 p{ line-height:26px; font-family:"宋体"; margin-top:25px; color:#524d4d; margin-bottom:76px;}
|
||||
.main02 .company01 a{ width:102px; height:38px; line-height:38px; text-align:center; background:url(../images/16.png); border:solid 1px #698a1b; display:block; color:#FFFFFF; font-family:"宋体";}
|
||||
.main02 .company02{ width:374px; height:340px; color:#555452; margin-right:20px; margin-top:45px; float:left;}
|
||||
.main02 .company02 p { font-size:18px; margin:20px 0;}
|
||||
.main02 .company02 span{ font-family:"宋体"; line-height:26px;}
|
||||
.main02 .company03{ width:374px; height:340px; color:#555452; margin-right:20px; margin-top:45px; float:left;}
|
||||
.main02 .company03 p { font-size:18px; margin:20px 0;}
|
||||
.main02 .company03 span{ font-family:"宋体"; line-height:26px;}
|
||||
|
||||
|
|
@ -0,0 +1,97 @@
|
|||
@charset "utf-8";
|
||||
/* CSS Document */
|
||||
function initMap(){
|
||||
createMap();//创建地图
|
||||
setMapEvent();//设置地图事件
|
||||
addMapControl();//向地图添加控件
|
||||
addMarker();//向地图中添加marker
|
||||
}
|
||||
|
||||
//创建地图函数：
|
||||
function createMap(){
|
||||
var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
|
||||
var point = new BMap.Point(116.425542,39.902888);//定义一个中心点坐标
|
||||
map.centerAndZoom(point,16);//设定地图的中心点和坐标并将地图显示在地图容器中
|
||||
window.map = map;//将map变量存储在全局
|
||||
}
|
||||
|
||||
//地图事件设置函数：
|
||||
function setMapEvent(){
|
||||
map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
|
||||
map.enableScrollWheelZoom();//启用地图滚轮放大缩小
|
||||
map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
|
||||
map.enableKeyboard();//启用键盘上下左右键移动地图
|
||||
}
|
||||
|
||||
//地图控件添加函数：
|
||||
function addMapControl(){
|
||||
//向地图中添加缩放控件
|
||||
var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
|
||||
map.addControl(ctrl_nav);
|
||||
//向地图中添加缩略图控件
|
||||
var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
|
||||
map.addControl(ctrl_ove);
|
||||
//向地图中添加比例尺控件
|
||||
var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
|
||||
map.addControl(ctrl_sca);
|
||||
}
|
||||
|
||||
//标注点数组
|
||||
var markerArr = [{title:"我的标记",content:"我的备注",point:"116.424212|39.901712",isOpen:0,icon:{w:23,h:25,l:46,t:21,x:9,lb:12}}
|
||||
];
|
||||
//创建marker
|
||||
function addMarker(){
|
||||
for(var i=0;i<markerArr.length;i++){
|
||||
var json = markerArr[i];
|
||||
var p0 = json.point.split("|")[0];
|
||||
var p1 = json.point.split("|")[1];
|
||||
var point = new BMap.Point(p0,p1);
|
||||
var iconImg = createIcon(json.icon);
|
||||
var marker = new BMap.Marker(point,{icon:iconImg});
|
||||
var iw = createInfoWindow(i);
|
||||
var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
|
||||
marker.setLabel(label);
|
||||
map.addOverlay(marker);
|
||||
label.setStyle({
|
||||
borderColor:"#808080",
|
||||
color:"#333",
|
||||
cursor:"pointer"
|
||||
});
|
||||
|
||||
(function(){
|
||||
var index = i;
|
||||
var _iw = createInfoWindow(i);
|
||||
var _marker = marker;
|
||||
_marker.addEventListener("click",function(){
|
||||
this.openInfoWindow(_iw);
|
||||
});
|
||||
_iw.addEventListener("open",function(){
|
||||
_marker.getLabel().hide();
|
||||
})
|
||||
_iw.addEventListener("close",function(){
|
||||
_marker.getLabel().show();
|
||||
})
|
||||
label.addEventListener("click",function(){
|
||||
_marker.openInfoWindow(_iw);
|
||||
})
|
||||
if(!!json.isOpen){
|
||||
label.hide();
|
||||
_marker.openInfoWindow(_iw);
|
||||
}
|
||||
})()
|
||||
}
|
||||
}
|
||||
//创建InfoWindow
|
||||
function createInfoWindow(i){
|
||||
var json = markerArr[i];
|
||||
var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>");
|
||||
return iw;
|
||||
}
|
||||
//创建一个Icon
|
||||
function createIcon(json){
|
||||
var icon = new BMap.Icon("http://app.baidu.com/map/images/us_mk_icon.png", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
|
||||
return icon;
|
||||
}
|
||||
|
||||
initMap();//创建和初始化地图
|
||||
|
||||
|
|
@ -0,0 +1,47 @@
|
|||
@charset "utf-8";
|
||||
/* CSS Document */
|
||||
|
||||
.banner{ width:100%; height:553px; margin:0 auto; background:#FFFFFF; overflow:hidden;}
|
||||
.banner i{ width:100%; height:380px; margin:0 auto; background:url(../images/banner02.png) no-repeat center 0; overflow:hidden; display:block;}
|
||||
|
||||
|
||||
.main{ width:1200px; height:900px; background:#FFFFFF; margin:30px auto; box-shadow:#837e7e 0px 3px 3px;/* border-left:solid 1px #d3d2d2; border-right:solid 1px #d3d2d2;*/}
|
||||
h2{ width:1180px; height:50px; border-bottom:solid 2px #9c9a9a; padding-left:20px; line-height:50px; color:#fe3405; font-size:18px; font-weight:100;}
|
||||
.left{ width:240px; height:715px; background:#327216; border:solid 1px #214e0d; float:left; position:relative;}
|
||||
.left .yin{ width:20px; height:216px; background:url(../images/yin01.png) no-repeat; position:absolute; top:-1px; left:-20px;}
|
||||
.left .title{ width:180px; height:52px; line-height:52px; padding-left:60px; color:#FFFFFF; font-size:18px; border-bottom:solid 1px #1a3d0b; position:relative;}
|
||||
.left ul li{ width:240px; height:49px; line-height:52px; font-size:18px; border-bottom:solid 1px #1a3d0b; border-top:solid 1px #d2c6c6;}
|
||||
.left ul li a{ width:200px; height:49px; color:#FFFFFF; padding-left:40px; display:block;}
|
||||
.left ul li span{ width:0; height:0; border-bottom:transparent solid 8px; border-top:transparent solid 8px; border-left:transparent solid 12px; border-right:transparent solid 12px; margin-top:20px; float:left;}
|
||||
.left .curr{ background:url(../images/011.png);}
|
||||
.left .curr span{ width:0; height:0; border-bottom:transparent solid 8px; border-top:transparent solid 8px; border-left:#FFFFFF solid 12px; border-right:transparent solid 12px; margin-top:20px; float:left;}
|
||||
.left .ad{ width:100%; height:318px; border-bottom:solid 1px #1a3d0b; border-top:solid 1px #d2c6c6;}
|
||||
.left .ad .s01 span{ width:75px; height:1px; background:#FFFFFF; margin-top:56px; float:left;}
|
||||
.left .ad .s01 p{ color:#FFFFFF; font-size:16px; margin:46px 13px 5px; float:left;}
|
||||
.left .ad .s02{ width:185px; height:133px; margin:0 auto;}
|
||||
.left .ad .s02 b{ width:185px; height:133px; background:#386126; float:left;}
|
||||
.left .ad .s02 b i{ width:179px; height:127px; background:url(../images/017.png); border:solid 1px #204b0e; margin:2px; display:block;}
|
||||
.left .ad .s03{ float:left;}
|
||||
.left .ad .s03 p{ line-height:20px; color:#FFFFFF; margin-left:26px; margin-right:5px; font-family:"宋体"; font-size:12px; margin-top:15px; }
|
||||
.left .tel{ width:100%; height:190px; border-top:solid 1px #d2c6c6;}
|
||||
.left .tel .box01{ width:190px; height:76px; border:solid 2px #FFFFFF; margin:40px auto 0; position:relative;}
|
||||
.left .tel .box01 span{ width:114px; height:20px; line-height:20px; text-align:center; background:#327216; color:#FFFFFF; position:absolute; top:-10px; left:38px; font-family:"宋体";}
|
||||
.left .tel .box01 p{ margin-top:34px; color:#FFFFFF; font-size:20px;}
|
||||
.left .tel .box01 i{ width:30px; height:30px; margin-top:30px; margin-left:10px; margin-right:3px; background:url(../images/tel.png) no-repeat; float:left;}
|
||||
|
||||
.right{ width:890px; height:840px; margin-left:42px; margin-top:16px; float:left;}
|
||||
.right ul li{ width:875px; height:166px; margin-right:40px; margin-bottom:15px; position:relative;}
|
||||
/*.right ul li i{ width:204px; height:152px; background:url(../images/news01.png); border:solid 6px #e0eebf; float:left;}*/
|
||||
.right ul li img{ float:left;}
|
||||
.right ul li .txt{ width:600px; height:100%; font-size:16px; color:#2e2b2b; margin-left:58px; float:left;}
|
||||
.right ul li p{ line-height:20px; font-family:"宋体"; color:#383434; font-size:12px; text-indent:2em; margin-top:20px;}
|
||||
.right ul li span{ width:56px; height:20px; line-height:20px; color:#383434; font-family:"宋体"; font-size:12px; text-align:center; border:solid 1px #53710d; background:#729b12; position:absolute; bottom:0; right:40px;}
|
||||
|
||||
.right .num{ margin-left:230px;}
|
||||
.right .num b{ width:58px; height:22px; line-height:22px; text-align:center; font-size:12px; background:#80ad16; border:solid 1px #707070; margin:2px; float:left;}
|
||||
.right .num span{ width:22px; height:22px; line-height:22px; text-align:center; background:#FFFFFF; border:solid 1px #707070; margin:2px; float:left;}
|
||||
.right .num a{ color:#383434; font-family:"宋体";}
|
||||
.right .num .curr{ background:#80ad16; border:solid 1px #007130; color:#FFFFFF;}
|
||||
.right .num .curr a{ color:#FFFFFF;}
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
@charset "utf-8";
|
||||
/* CSS Document */
|
||||
|
||||
.banner{ width:100%; height:553px; margin:0 auto; background:#FFFFFF; overflow:hidden;}
|
||||
.banner i{ width:100%; height:380px; margin:0 auto; background:url(../images/banner02.png) no-repeat center 0; overflow:hidden; display:block;}
|
||||
|
||||
|
||||
.main{ width:1200px; height:auto; background:#FFFFFF; margin:30px auto; box-shadow:#837e7e 0px 3px 3px; padding-bottom:100px; position:relative; overflow:hidden;}
|
||||
h2{ width:1180px; height:50px; border-bottom:solid 2px #9c9a9a; background:#FFFFFF; padding-left:20px; line-height:50px; color:#fe3405; font-size:18px; font-weight:100;}
|
||||
.left{ width:240px; height:715px; background:#327216; border:solid 1px #214e0d; float:left;}
|
||||
.left .yin{ width:20px; height:216px; background:url(../images/yin01.png) no-repeat; position:absolute; top:-1px; left:-20px;}
|
||||
.left .title{ width:180px; height:52px; line-height:52px; padding-left:60px; color:#FFFFFF; font-size:18px; border-bottom:solid 1px #1a3d0b; position:relative;}
|
||||
.left ul li{ width:240px; height:49px; line-height:52px; font-size:18px; border-bottom:solid 1px #1a3d0b; border-top:solid 1px #d2c6c6;}
|
||||
.left ul li a{ width:200px; height:49px; color:#FFFFFF; padding-left:40px; display:block;}
|
||||
.left ul li span{ width:0; height:0; border-bottom:transparent solid 8px; border-top:transparent solid 8px; border-left:transparent solid 12px; border-right:transparent solid 12px; margin-top:20px; float:left;}
|
||||
.left .curr{ background:url(../images/011.png);}
|
||||
.left .curr span{ width:0; height:0; border-bottom:transparent solid 8px; border-top:transparent solid 8px; border-left:#FFFFFF solid 12px; border-right:transparent solid 12px; margin-top:20px; float:left;}
|
||||
.left .ad{ width:100%; height:318px; border-bottom:solid 1px #1a3d0b; border-top:solid 1px #d2c6c6;}
|
||||
.left .ad .s01 span{ width:75px; height:1px; background:#FFFFFF; margin-top:56px; float:left;}
|
||||
.left .ad .s01 p{ color:#FFFFFF; font-size:16px; margin:46px 13px 5px; float:left;}
|
||||
.left .ad .s02{ width:185px; height:133px; margin:0 auto;}
|
||||
.left .ad .s02 b{ width:185px; height:133px; background:#386126; float:left;}
|
||||
.left .ad .s02 b i{ width:179px; height:127px; background:url(../images/017.png); border:solid 1px #204b0e; margin:2px; display:block;}
|
||||
.left .ad .s03{ float:left;}
|
||||
.left .ad .s03 p{ line-height:20px; color:#FFFFFF; margin-left:26px; margin-right:5px; font-family:"宋体"; font-size:12px; margin-top:15px; }
|
||||
.left .tel{ width:100%; height:190px; border-top:solid 1px #d2c6c6;}
|
||||
.left .tel .box01{ width:190px; height:76px; border:solid 2px #FFFFFF; margin:40px auto 0; position:relative;}
|
||||
.left .tel .box01 span{ width:114px; height:20px; line-height:20px; text-align:center; background:#327216; color:#FFFFFF; position:absolute; top:-10px; left:38px; font-family:"宋体";}
|
||||
.left .tel .box01 p{ margin-top:34px; color:#FFFFFF; font-size:20px;}
|
||||
.left .tel .box01 i{ width:30px; height:30px; margin-top:30px; margin-left:10px; margin-right:3px; background:url(../images/tel.png) no-repeat; float:left;}
|
||||
|
||||
.right{ width:880px; height:auto; padding-left:42px; padding-top:42px; float:left;}
|
||||
.right ul li{ margin-bottom:22px; font-size:18px; color:#3b3838;}
|
||||
.right ul li p{ line-height:24px; font-size:14px; font-family:"宋体"; margin-top:10px; text-indent:2em;}
|
||||
.right b{ margin-top:30px; margin-left:66px;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,52 @@
|
|||
@charset "utf-8";
|
||||
/* CSS Document */
|
||||
|
||||
.banner{ width:100%; height:553px; margin:0 auto; background:#FFFFFF; overflow:hidden;}
|
||||
.banner i{ width:100%; height:380px; margin:0 auto; background:url(../images/banner02.png) no-repeat center 0; overflow:hidden; display:block;}
|
||||
|
||||
|
||||
.main{ width:1200px; height:900px; background:#FFFFFF; margin:30px auto; box-shadow:#837e7e 0px 3px 3px;/* border-left:solid 1px #d3d2d2; border-right:solid 1px #d3d2d2;*/}
|
||||
h2{ width:1180px; height:50px; border-bottom:solid 2px #9c9a9a; padding-left:20px; line-height:50px; color:#fe3405; font-size:18px; font-weight:100;}
|
||||
.left{ width:240px; height:715px; background:#327216; border:solid 1px #214e0d; float:left; position:relative;}
|
||||
.left .yin{ width:20px; height:216px; background:url(../images/yin01.png) no-repeat; position:absolute; top:-1px; left:-20px;}
|
||||
.left .title{ width:180px; height:52px; line-height:52px; padding-left:60px; color:#FFFFFF; font-size:18px; border-bottom:solid 1px #1a3d0b; position:relative;}
|
||||
.left .title span{ width:0; height:0; border-bottom:#327216 solid 12px; border-top:#FFFFFF solid 12px; border-left:#327216 solid 8px; border-right:#327216 solid 8px; position:absolute; left:35px; top:20px;}
|
||||
.left ul li{ width:240px; height:49px; line-height:52px; font-size:18px; border-bottom:solid 1px #1a3d0b; border-top:solid 1px #d2c6c6;}
|
||||
.left ul li a{ width:180px; height:49px; padding-left:60px; color:#FFFFFF; display:block;}
|
||||
.left .curr{ background:url(../images/011.png);}
|
||||
.left .ad{ width:100%; height:318px; border-bottom:solid 1px #1a3d0b; border-top:solid 1px #d2c6c6;}
|
||||
.left .ad .s01 span{ width:75px; height:1px; background:#FFFFFF; margin-top:56px; float:left;}
|
||||
.left .ad .s01 p{ color:#FFFFFF; font-size:16px; margin:46px 13px 5px; float:left;}
|
||||
.left .ad .s02{ width:185px; height:133px; margin:0 auto;}
|
||||
.left .ad .s02 b{ width:185px; height:133px; background:#386126; float:left;}
|
||||
.left .ad .s02 b i{ width:179px; height:127px; background:url(../images/017.png); border:solid 1px #204b0e; margin:2px; display:block;}
|
||||
.left .ad .s03{ float:left;}
|
||||
.left .ad .s03 p{ line-height:20px; color:#FFFFFF; margin-left:26px; margin-right:5px; font-family:"宋体"; font-size:12px; margin-top:15px; }
|
||||
.left .tel{ width:100%; height:190px; border-top:solid 1px #d2c6c6;}
|
||||
.left .tel .box01{ width:190px; height:76px; border:solid 2px #FFFFFF; margin:40px auto 0; position:relative;}
|
||||
.left .tel .box01 span{ width:114px; height:20px; line-height:20px; text-align:center; background:#327216; color:#FFFFFF; position:absolute; top:-10px; left:38px; font-family:"宋体";}
|
||||
.left .tel .box01 p{ margin-top:34px; color:#FFFFFF; font-size:20px;}
|
||||
.left .tel .box01 i{ width:30px; height:30px; margin-top:30px; margin-left:10px; margin-right:3px; background:url(../images/tel.png) no-repeat; float:left;}
|
||||
|
||||
.right{ width:840px; height:840px; margin-left:70px; float:left; position:relative;}
|
||||
.right .title{ width:100%; height:48px; margin-bottom:2px;}
|
||||
.right .title p{ width:135px; height:48px; line-height:48px; text-align:center; color:#555252; font-size:18px; float:left;}
|
||||
.right .title p a{ color:#555252;}
|
||||
.right .title .curr{ background:url(../images/title03.png); color:#fe3405;}
|
||||
.right .title .curr a{ color:#fe3405;}
|
||||
.right .line b{ width:135px; height:2px; background:#077c2b; position:absolute; left:0; top:-2px;}
|
||||
.right .line i{ width:0; height:0; border-bottom:transparent solid 5px; border-top:#077c2b solid 5px; border-left:transparent solid 5px; border-right:transparent solid 5px; position:absolute; left:63px; top:0;}
|
||||
.right .box02{ width:920px; height:700px; position:relative;}
|
||||
.right .set01{ position:absolute; left:0; top:0;}
|
||||
.right .set02{ position:absolute; left:0; top:0;}
|
||||
.right .box02 ul li{ width:186px; height:300px; margin-right:40px; margin-bottom:40px; float:left;}
|
||||
.right .box02 ul li span{ font-size:16px; color:#383434; margin-top:10px; float:left;}
|
||||
.right .box02 ul li p{ font-size:12px; font-family:"宋体"; line-height:20px; margin-top:30px; float:left;}
|
||||
|
||||
.right .num{ margin-left:230px;}
|
||||
.right .num b{ width:58px; height:22px; line-height:22px; text-align:center; font-size:12px; background:#80ad16; border:solid 1px #707070; margin:2px; float:left;}
|
||||
.right .num span{ width:22px; height:22px; line-height:22px; text-align:center; background:#FFFFFF; border:solid 1px #707070; margin:2px; float:left;}
|
||||
.right .num a{ color:#383434; font-family:"宋体";}
|
||||
.right .num .curr{ background:#80ad16; border:solid 1px #007130; color:#FFFFFF;}
|
||||
.right .num .curr a{ color:#FFFFFF;}
|
||||
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
@charset "utf-8";
|
||||
/* CSS Document */
|
||||
|
||||
.banner{ width:100%; height:553px; margin:0 auto; background:#FFFFFF; overflow:hidden;}
|
||||
.banner i{ width:100%; height:380px; margin:0 auto; background:url(../images/banner02.png) no-repeat center 0; overflow:hidden; display:block;}
|
||||
|
||||
|
||||
|
||||
.main{ width:1200px; height:auto; background:#FFFFFF; margin:30px auto; box-shadow:#837e7e 0px 3px 3px; padding-bottom:100px; position:relative; z-index:1; overflow:hidden;}
|
||||
h2{ width:1180px; height:50px; border-bottom:solid 2px #9c9a9a; background:#FFFFFF; padding-left:20px; line-height:50px; color:#fe3405; font-size:18px; font-weight:100;}
|
||||
.left{ width:240px; height:715px; background:#327216; border:solid 1px #214e0d; float:left;}
|
||||
.left .yin{ width:20px; height:216px; background:url(../images/yin01.png) no-repeat; position:absolute; top:-1px; left:-20px;}
|
||||
.left .title{ width:180px; height:52px; line-height:52px; padding-left:60px; color:#FFFFFF; font-size:18px; border-bottom:solid 1px #1a3d0b; position:relative;}
|
||||
.left .title span{ width:0; height:0; border-bottom:#327216 solid 12px; border-top:#FFFFFF solid 12px; border-left:#327216 solid 8px; border-right:#327216 solid 8px; position:absolute; left:35px; top:20px;}
|
||||
.left ul li{ width:240px; height:49px; line-height:52px; font-size:18px; border-bottom:solid 1px #1a3d0b; border-top:solid 1px #d2c6c6;}
|
||||
.left ul li a{ width:180px; height:49px; padding-left:60px; color:#FFFFFF; display:block;}
|
||||
.left .curr{ background:url(../images/011.png);}
|
||||
/*.left ul li a:hover{ background:url(../images/011.png);}*/
|
||||
.left .ad{ width:100%; height:318px; border-bottom:solid 1px #1a3d0b; border-top:solid 1px #d2c6c6;}
|
||||
.left .ad .s01 span{ width:75px; height:1px; background:#FFFFFF; margin-top:56px; float:left;}
|
||||
.left .ad .s01 p{ color:#FFFFFF; font-size:16px; margin:46px 13px 5px; float:left;}
|
||||
.left .ad .s02{ width:185px; height:133px; margin:0 auto;}
|
||||
.left .ad .s02 b{ width:185px; height:133px; background:#386126; float:left;}
|
||||
.left .ad .s02 b i{ width:179px; height:127px; background:url(../images/017.png); border:solid 1px #204b0e; margin:2px; display:block;}
|
||||
.left .ad .s03{ float:left;}
|
||||
.left .ad .s03 p{ line-height:20px; color:#FFFFFF; margin-left:26px; margin-right:5px; font-family:"宋体"; font-size:12px; margin-top:15px; }
|
||||
.left .tel{ width:100%; height:190px; border-top:solid 1px #d2c6c6;}
|
||||
.left .tel .box01{ width:190px; height:76px; border:solid 2px #FFFFFF; margin:40px auto 0; position:relative;}
|
||||
.left .tel .box01 span{ width:114px; height:20px; line-height:20px; text-align:center; background:#327216; color:#FFFFFF; position:absolute; top:-10px; left:38px; font-family:"宋体";}
|
||||
.left .tel .box01 p{ margin-top:34px; color:#FFFFFF; font-size:20px;}
|
||||
.left .tel .box01 i{ width:30px; height:30px; margin-top:30px; margin-left:10px; margin-right:3px; background:url(../images/tel.png) no-repeat; float:left;}
|
||||
|
||||
.right{ width:880px; height:auto; padding-left:42px; float:left; position:relative;}
|
||||
.right .title{ width:100%; height:48px; margin-bottom:2px;}
|
||||
.right .title p{ width:135px; height:48px; line-height:48px; text-align:center; color:#555252; font-size:18px; float:left;}
|
||||
.right .title p a{ color:#555252;}
|
||||
.right .title .curr{ background:url(../images/title03.png);}
|
||||
.right .title .curr a{ color:#fe3405;}
|
||||
.right .line b{ width:135px; height:2px; background:#077c2b; position:absolute; left:42px; top:-2px;}
|
||||
.right .line i{ width:0; height:0; border-bottom:transparent solid 5px; border-top:#077c2b solid 5px; border-left:transparent solid 5px; border-right:transparent solid 5px; position:absolute; left:105px; top:0;}
|
||||
.right .box01{ height:290px;}
|
||||
.right .box01 b{ margin-left:94px; margin-top:24px; float:left;}
|
||||
.right .box01 span{ line-height:50px; font-size:18px; margin-left:140px; margin-top:50px; float:left;}
|
||||
.right .txt p{ line-height:18px; font-size:12px; font-family:"宋体"; text-indent:2em; margin-bottom:18px;}
|
||||
.right h3{ width:865px; height:42px; line-height:42px; font-size:16px; background:#bfdb7c; padding-left:15px; font-weight:100;}
|
||||
.right .box02{ width:880px; margin-top:8px; position:relative; overflow:hidden;}
|
||||
.right .box02 ul{ margin-left:-16px;}
|
||||
.right .box02 ul li{ width:228px; text-align:center; font-size:16px; float:left;}
|
||||
.right .box02 ul li span{ margin-top:10px; display:block;}
|
||||
/*.right .box02 .prev{ width:40px; height:135px; background:#FFFFFF; position:absolute; left:0; top:0;}
|
||||
.right .box02 .next{ width:40px; height:135px; background:#FFFFFF; position:absolute; right:0; top:0;}*/
|
||||
.right .box02 .prev a{ width:18px; height:32px; background:url(../images/prev.png); position:absolute; left:0; top:70px;/* margin-left:11px; margin-top:70px; float:left;*/}
|
||||
.right .box02 .next a{ width:18px; height:32px; background:url(../images/next.png); position:absolute; right:0; top:70px;/* margin-left:11px; margin-top:70px; float:left;*/}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1,610 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="specimen_files/easytabs.js" type="text/javascript" charset="utf-8"></script>
|
||||
<link rel="stylesheet" href="specimen_files/specimen_stylesheet.css" type="text/css" charset="utf-8" />
|
||||
<link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" />
|
||||
|
||||
<style type="text/css">
|
||||
body{
|
||||
font-family: 'itc_erasbold';
|
||||
}
|
||||
</style>
|
||||
|
||||
<title>ITC Eras Bold Specimen</title>
|
||||
|
||||
|
||||
<script type="text/javascript" charset="utf-8">
|
||||
$(document).ready(function() {
|
||||
$('#container').easyTabs({defaultContent:1});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="container">
|
||||
<div id="header">
|
||||
ITC Eras Bold </div>
|
||||
<ul class="tabs">
|
||||
<li><a href="#specimen">Specimen</a></li>
|
||||
<li><a href="#layout">Sample Layout</a></li>
|
||||
<li><a href="#glyphs">Glyphs & Languages</a></li>
|
||||
<li><a href="#installing">Installing Webfonts</a></li>
|
||||
|
||||
</ul>
|
||||
|
||||
<div id="main_content">
|
||||
|
||||
|
||||
<div id="specimen">
|
||||
|
||||
<div class="section">
|
||||
<div class="grid12 firstcol">
|
||||
<div class="huge">AaBb</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<div class="glyph_range">A​B​C​D​E​F​G​H​I​J​K​L​M​N​O​P​Q​R​S​T​U​V​W​X​Y​Z​a​b​c​d​e​f​g​h​i​j​k​l​m​n​o​p​q​r​s​t​u​v​w​x​y​z​1​2​3​4​5​6​7​8​9​0​&​.​,​?​!​@​(​)​#​$​%​*​+​-​=​:​;</div>
|
||||
</div>
|
||||
<div class="section">
|
||||
<div class="grid12 firstcol">
|
||||
<table class="sample_table">
|
||||
<tr><td>10</td><td class="size10">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
|
||||
<tr><td>11</td><td class="size11">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
|
||||
<tr><td>12</td><td class="size12">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
|
||||
<tr><td>13</td><td class="size13">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
|
||||
<tr><td>14</td><td class="size14">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
|
||||
<tr><td>16</td><td class="size16">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
|
||||
<tr><td>18</td><td class="size18">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
|
||||
<tr><td>20</td><td class="size20">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
|
||||
<tr><td>24</td><td class="size24">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
|
||||
<tr><td>30</td><td class="size30">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
|
||||
<tr><td>36</td><td class="size36">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
|
||||
<tr><td>48</td><td class="size48">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
|
||||
<tr><td>60</td><td class="size60">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
|
||||
<tr><td>72</td><td class="size72">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
|
||||
<tr><td>90</td><td class="size90">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="section" id="bodycomparison">
|
||||
|
||||
|
||||
<div id="xheight">
|
||||
<div class="fontbody">◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼body</div><div class="arialbody">body</div><div class="verdanabody">body</div><div class="georgiabody">body</div></div>
|
||||
<div class="fontbody" style="z-index:1">
|
||||
body<span>ITC Eras Bold</span>
|
||||
</div>
|
||||
<div class="arialbody" style="z-index:1">
|
||||
body<span>Arial</span>
|
||||
</div>
|
||||
<div class="verdanabody" style="z-index:1">
|
||||
body<span>Verdana</span>
|
||||
</div>
|
||||
<div class="georgiabody" style="z-index:1">
|
||||
body<span>Georgia</span>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="section psample psample_row1" id="">
|
||||
|
||||
<div class="grid2 firstcol">
|
||||
<p class="size10"><span>10.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
|
||||
|
||||
</div>
|
||||
<div class="grid3">
|
||||
<p class="size11"><span>11.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
|
||||
|
||||
</div>
|
||||
<div class="grid3">
|
||||
<p class="size12"><span>12.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
|
||||
|
||||
</div>
|
||||
<div class="grid4">
|
||||
<p class="size13"><span>13.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
|
||||
|
||||
</div>
|
||||
<div class="white_blend"></div>
|
||||
|
||||
</div>
|
||||
<div class="section psample psample_row2" id="">
|
||||
<div class="grid3 firstcol">
|
||||
<p class="size14"><span>14.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
|
||||
|
||||
</div>
|
||||
<div class="grid4">
|
||||
<p class="size16"><span>16.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
|
||||
|
||||
</div>
|
||||
<div class="grid5">
|
||||
<p class="size18"><span>18.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="white_blend"></div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="section psample psample_row3" id="">
|
||||
<div class="grid5 firstcol">
|
||||
<p class="size20"><span>20.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
|
||||
</div>
|
||||
<div class="grid7">
|
||||
<p class="size24"><span>24.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
|
||||
</div>
|
||||
|
||||
<div class="white_blend"></div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="section psample psample_row4" id="">
|
||||
<div class="grid12 firstcol">
|
||||
<p class="size30"><span>30.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
|
||||
</div>
|
||||
<div class="white_blend"></div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="section psample psample_row1 fullreverse">
|
||||
<div class="grid2 firstcol">
|
||||
<p class="size10"><span>10.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
|
||||
|
||||
</div>
|
||||
<div class="grid3">
|
||||
<p class="size11"><span>11.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
|
||||
|
||||
</div>
|
||||
<div class="grid3">
|
||||
<p class="size12"><span>12.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
|
||||
|
||||
</div>
|
||||
<div class="grid4">
|
||||
<p class="size13"><span>13.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
|
||||
|
||||
</div>
|
||||
<div class="black_blend"></div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="section psample psample_row2 fullreverse">
|
||||
<div class="grid3 firstcol">
|
||||
<p class="size14"><span>14.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
|
||||
|
||||
</div>
|
||||
<div class="grid4">
|
||||
<p class="size16"><span>16.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
|
||||
|
||||
</div>
|
||||
<div class="grid5">
|
||||
<p class="size18"><span>18.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
|
||||
|
||||
</div>
|
||||
<div class="black_blend"></div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="section psample fullreverse psample_row3" id="">
|
||||
<div class="grid5 firstcol">
|
||||
<p class="size20"><span>20.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
|
||||
</div>
|
||||
<div class="grid7">
|
||||
<p class="size24"><span>24.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
|
||||
</div>
|
||||
|
||||
<div class="black_blend"></div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="section psample fullreverse psample_row4" id="" style="border-bottom: 20px #000 solid;">
|
||||
<div class="grid12 firstcol">
|
||||
<p class="size30"><span>30.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
|
||||
</div>
|
||||
<div class="black_blend"></div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div id="layout">
|
||||
|
||||
<div class="section">
|
||||
|
||||
<div class="grid12 firstcol">
|
||||
<h1>Lorem Ipsum Dolor</h1>
|
||||
<h2>Etiam porta sem malesuada magna mollis euismod</h2>
|
||||
|
||||
<p class="byline">By <a href="#link">Aenean Lacinia</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="section">
|
||||
<div class="grid8 firstcol">
|
||||
<p class="large">Donec sed odio dui. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. </p>
|
||||
|
||||
|
||||
<h3>Pellentesque ornare sem</h3>
|
||||
|
||||
<p>Maecenas sed diam eget risus varius blandit sit amet non magna. Maecenas faucibus mollis interdum. Donec ullamcorper nulla non metus auctor fringilla. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam id dolor id nibh ultricies vehicula ut id elit. </p>
|
||||
|
||||
<p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p>
|
||||
|
||||
<p>Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean lacinia bibendum nulla sed consectetur. </p>
|
||||
|
||||
<p>Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec ullamcorper nulla non metus auctor fringilla. </p>
|
||||
|
||||
<h3>Cras mattis consectetur</h3>
|
||||
|
||||
<p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum. </p>
|
||||
|
||||
<p>Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis ornare vel eu leo. Cras mattis consectetur purus sit amet fermentum.</p>
|
||||
</div>
|
||||
|
||||
<div class="grid4 sidebar">
|
||||
|
||||
<div class="box reverse">
|
||||
<p class="last">Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla. Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
|
||||
</div>
|
||||
|
||||
<p class="caption">Maecenas sed diam eget risus varius.</p>
|
||||
|
||||
<p>Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. </p>
|
||||
|
||||
|
||||
|
||||
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Nullam quis risus eget urna mollis ornare vel eu leo. </p>
|
||||
|
||||
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec ullamcorper nulla non metus auctor fringilla. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. </p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="glyphs">
|
||||
<div class="section">
|
||||
<div class="grid12 firstcol">
|
||||
|
||||
<h1>Language Support</h1>
|
||||
<p>The subset of ITC Eras Bold in this kit supports the following languages:<br />
|
||||
|
||||
Albanian, Basque, Breton, Chamorro, Danish, Dutch, English, Faroese, Finnish, French, Frisian, Galician, German, Icelandic, Italian, Malagasy, Norwegian, Portuguese, Spanish, Swedish </p>
|
||||
<h1>Glyph Chart</h1>
|
||||
<p>The subset of ITC Eras Bold in this kit includes all the glyphs listed below. Unicode entities are included above each glyph to help you insert individual characters into your layout.</p>
|
||||
<div id="glyph_chart">
|
||||
|
||||
<div><p>&#32;</p> </div>
|
||||
<div><p>&#33;</p>!</div>
|
||||
<div><p>&#34;</p>"</div>
|
||||
<div><p>&#35;</p>#</div>
|
||||
<div><p>&#36;</p>$</div>
|
||||
<div><p>&#37;</p>%</div>
|
||||
<div><p>&#38;</p>&</div>
|
||||
<div><p>&#39;</p>'</div>
|
||||
<div><p>&#40;</p>(</div>
|
||||
<div><p>&#41;</p>)</div>
|
||||
<div><p>&#42;</p>*</div>
|
||||
<div><p>&#43;</p>+</div>
|
||||
<div><p>&#44;</p>,</div>
|
||||
<div><p>&#45;</p>-</div>
|
||||
<div><p>&#46;</p>.</div>
|
||||
<div><p>&#47;</p>/</div>
|
||||
<div><p>&#48;</p>0</div>
|
||||
<div><p>&#49;</p>1</div>
|
||||
<div><p>&#50;</p>2</div>
|
||||
<div><p>&#51;</p>3</div>
|
||||
<div><p>&#52;</p>4</div>
|
||||
<div><p>&#53;</p>5</div>
|
||||
<div><p>&#54;</p>6</div>
|
||||
<div><p>&#55;</p>7</div>
|
||||
<div><p>&#56;</p>8</div>
|
||||
<div><p>&#57;</p>9</div>
|
||||
<div><p>&#58;</p>:</div>
|
||||
<div><p>&#59;</p>;</div>
|
||||
<div><p>&#60;</p><</div>
|
||||
<div><p>&#61;</p>=</div>
|
||||
<div><p>&#62;</p>></div>
|
||||
<div><p>&#63;</p>?</div>
|
||||
<div><p>&#64;</p>@</div>
|
||||
<div><p>&#65;</p>A</div>
|
||||
<div><p>&#66;</p>B</div>
|
||||
<div><p>&#67;</p>C</div>
|
||||
<div><p>&#68;</p>D</div>
|
||||
<div><p>&#69;</p>E</div>
|
||||
<div><p>&#70;</p>F</div>
|
||||
<div><p>&#71;</p>G</div>
|
||||
<div><p>&#72;</p>H</div>
|
||||
<div><p>&#73;</p>I</div>
|
||||
<div><p>&#74;</p>J</div>
|
||||
<div><p>&#75;</p>K</div>
|
||||
<div><p>&#76;</p>L</div>
|
||||
<div><p>&#77;</p>M</div>
|
||||
<div><p>&#78;</p>N</div>
|
||||
<div><p>&#79;</p>O</div>
|
||||
<div><p>&#80;</p>P</div>
|
||||
<div><p>&#81;</p>Q</div>
|
||||
<div><p>&#82;</p>R</div>
|
||||
<div><p>&#83;</p>S</div>
|
||||
<div><p>&#84;</p>T</div>
|
||||
<div><p>&#85;</p>U</div>
|
||||
<div><p>&#86;</p>V</div>
|
||||
<div><p>&#87;</p>W</div>
|
||||
<div><p>&#88;</p>X</div>
|
||||
<div><p>&#89;</p>Y</div>
|
||||
<div><p>&#90;</p>Z</div>
|
||||
<div><p>&#91;</p>[</div>
|
||||
<div><p>&#92;</p>\</div>
|
||||
<div><p>&#93;</p>]</div>
|
||||
<div><p>&#94;</p>^</div>
|
||||
<div><p>&#95;</p>_</div>
|
||||
<div><p>&#96;</p>`</div>
|
||||
<div><p>&#97;</p>a</div>
|
||||
<div><p>&#98;</p>b</div>
|
||||
<div><p>&#99;</p>c</div>
|
||||
<div><p>&#100;</p>d</div>
|
||||
<div><p>&#101;</p>e</div>
|
||||
<div><p>&#102;</p>f</div>
|
||||
<div><p>&#103;</p>g</div>
|
||||
<div><p>&#104;</p>h</div>
|
||||
<div><p>&#105;</p>i</div>
|
||||
<div><p>&#106;</p>j</div>
|
||||
<div><p>&#107;</p>k</div>
|
||||
<div><p>&#108;</p>l</div>
|
||||
<div><p>&#109;</p>m</div>
|
||||
<div><p>&#110;</p>n</div>
|
||||
<div><p>&#111;</p>o</div>
|
||||
<div><p>&#112;</p>p</div>
|
||||
<div><p>&#113;</p>q</div>
|
||||
<div><p>&#114;</p>r</div>
|
||||
<div><p>&#115;</p>s</div>
|
||||
<div><p>&#116;</p>t</div>
|
||||
<div><p>&#117;</p>u</div>
|
||||
<div><p>&#118;</p>v</div>
|
||||
<div><p>&#119;</p>w</div>
|
||||
<div><p>&#120;</p>x</div>
|
||||
<div><p>&#121;</p>y</div>
|
||||
<div><p>&#122;</p>z</div>
|
||||
<div><p>&#123;</p>{</div>
|
||||
<div><p>&#124;</p>|</div>
|
||||
<div><p>&#125;</p>}</div>
|
||||
<div><p>&#126;</p>~</div>
|
||||
<div><p>&#160;</p> </div>
|
||||
<div><p>&#161;</p>¡</div>
|
||||
<div><p>&#162;</p>¢</div>
|
||||
<div><p>&#163;</p>£</div>
|
||||
<div><p>&#164;</p>¤</div>
|
||||
<div><p>&#165;</p>¥</div>
|
||||
<div><p>&#166;</p>¦</div>
|
||||
<div><p>&#167;</p>§</div>
|
||||
<div><p>&#168;</p>¨</div>
|
||||
<div><p>&#169;</p>©</div>
|
||||
<div><p>&#170;</p>ª</div>
|
||||
<div><p>&#171;</p>«</div>
|
||||
<div><p>&#172;</p>¬</div>
|
||||
<div><p>&#173;</p>­</div>
|
||||
<div><p>&#174;</p>®</div>
|
||||
<div><p>&#175;</p>¯</div>
|
||||
<div><p>&#176;</p>°</div>
|
||||
<div><p>&#177;</p>±</div>
|
||||
<div><p>&#178;</p>²</div>
|
||||
<div><p>&#179;</p>³</div>
|
||||
<div><p>&#180;</p>´</div>
|
||||
<div><p>&#181;</p>µ</div>
|
||||
<div><p>&#182;</p>¶</div>
|
||||
<div><p>&#183;</p>·</div>
|
||||
<div><p>&#184;</p>¸</div>
|
||||
<div><p>&#185;</p>¹</div>
|
||||
<div><p>&#186;</p>º</div>
|
||||
<div><p>&#187;</p>»</div>
|
||||
<div><p>&#188;</p>¼</div>
|
||||
<div><p>&#189;</p>½</div>
|
||||
<div><p>&#190;</p>¾</div>
|
||||
<div><p>&#191;</p>¿</div>
|
||||
<div><p>&#192;</p>À</div>
|
||||
<div><p>&#193;</p>Á</div>
|
||||
<div><p>&#194;</p>Â</div>
|
||||
<div><p>&#195;</p>Ã</div>
|
||||
<div><p>&#196;</p>Ä</div>
|
||||
<div><p>&#197;</p>Å</div>
|
||||
<div><p>&#198;</p>Æ</div>
|
||||
<div><p>&#199;</p>Ç</div>
|
||||
<div><p>&#200;</p>È</div>
|
||||
<div><p>&#201;</p>É</div>
|
||||
<div><p>&#202;</p>Ê</div>
|
||||
<div><p>&#203;</p>Ë</div>
|
||||
<div><p>&#204;</p>Ì</div>
|
||||
<div><p>&#205;</p>Í</div>
|
||||
<div><p>&#206;</p>Î</div>
|
||||
<div><p>&#207;</p>Ï</div>
|
||||
<div><p>&#208;</p>Ð</div>
|
||||
<div><p>&#209;</p>Ñ</div>
|
||||
<div><p>&#210;</p>Ò</div>
|
||||
<div><p>&#211;</p>Ó</div>
|
||||
<div><p>&#212;</p>Ô</div>
|
||||
<div><p>&#213;</p>Õ</div>
|
||||
<div><p>&#214;</p>Ö</div>
|
||||
<div><p>&#215;</p>×</div>
|
||||
<div><p>&#216;</p>Ø</div>
|
||||
<div><p>&#217;</p>Ù</div>
|
||||
<div><p>&#218;</p>Ú</div>
|
||||
<div><p>&#219;</p>Û</div>
|
||||
<div><p>&#220;</p>Ü</div>
|
||||
<div><p>&#221;</p>Ý</div>
|
||||
<div><p>&#222;</p>Þ</div>
|
||||
<div><p>&#223;</p>ß</div>
|
||||
<div><p>&#224;</p>à</div>
|
||||
<div><p>&#225;</p>á</div>
|
||||
<div><p>&#226;</p>â</div>
|
||||
<div><p>&#227;</p>ã</div>
|
||||
<div><p>&#228;</p>ä</div>
|
||||
<div><p>&#229;</p>å</div>
|
||||
<div><p>&#230;</p>æ</div>
|
||||
<div><p>&#231;</p>ç</div>
|
||||
<div><p>&#232;</p>è</div>
|
||||
<div><p>&#233;</p>é</div>
|
||||
<div><p>&#234;</p>ê</div>
|
||||
<div><p>&#235;</p>ë</div>
|
||||
<div><p>&#236;</p>ì</div>
|
||||
<div><p>&#237;</p>í</div>
|
||||
<div><p>&#238;</p>î</div>
|
||||
<div><p>&#239;</p>ï</div>
|
||||
<div><p>&#240;</p>ð</div>
|
||||
<div><p>&#241;</p>ñ</div>
|
||||
<div><p>&#242;</p>ò</div>
|
||||
<div><p>&#243;</p>ó</div>
|
||||
<div><p>&#244;</p>ô</div>
|
||||
<div><p>&#245;</p>õ</div>
|
||||
<div><p>&#246;</p>ö</div>
|
||||
<div><p>&#247;</p>÷</div>
|
||||
<div><p>&#248;</p>ø</div>
|
||||
<div><p>&#249;</p>ù</div>
|
||||
<div><p>&#250;</p>ú</div>
|
||||
<div><p>&#251;</p>û</div>
|
||||
<div><p>&#252;</p>ü</div>
|
||||
<div><p>&#253;</p>ý</div>
|
||||
<div><p>&#254;</p>þ</div>
|
||||
<div><p>&#255;</p>ÿ</div>
|
||||
<div><p>&#338;</p>Œ</div>
|
||||
<div><p>&#339;</p>œ</div>
|
||||
<div><p>&#376;</p>Ÿ</div>
|
||||
<div><p>&#710;</p>ˆ</div>
|
||||
<div><p>&#732;</p>˜</div>
|
||||
<div><p>&#8192;</p> </div>
|
||||
<div><p>&#8193;</p> </div>
|
||||
<div><p>&#8194;</p> </div>
|
||||
<div><p>&#8195;</p> </div>
|
||||
<div><p>&#8196;</p> </div>
|
||||
<div><p>&#8197;</p> </div>
|
||||
<div><p>&#8198;</p> </div>
|
||||
<div><p>&#8199;</p> </div>
|
||||
<div><p>&#8200;</p> </div>
|
||||
<div><p>&#8201;</p> </div>
|
||||
<div><p>&#8202;</p> </div>
|
||||
<div><p>&#8208;</p>‐</div>
|
||||
<div><p>&#8209;</p>‑</div>
|
||||
<div><p>&#8210;</p>‒</div>
|
||||
<div><p>&#8211;</p>–</div>
|
||||
<div><p>&#8212;</p>—</div>
|
||||
<div><p>&#8216;</p>‘</div>
|
||||
<div><p>&#8217;</p>’</div>
|
||||
<div><p>&#8218;</p>‚</div>
|
||||
<div><p>&#8220;</p>“</div>
|
||||
<div><p>&#8221;</p>”</div>
|
||||
<div><p>&#8222;</p>„</div>
|
||||
<div><p>&#8226;</p>•</div>
|
||||
<div><p>&#8230;</p>…</div>
|
||||
<div><p>&#8239;</p> </div>
|
||||
<div><p>&#8249;</p>‹</div>
|
||||
<div><p>&#8250;</p>›</div>
|
||||
<div><p>&#8287;</p> </div>
|
||||
<div><p>&#8482;</p>™</div>
|
||||
<div><p>&#9724;</p>◼</div>
|
||||
<div><p>&#64257;</p>fi</div>
|
||||
<div><p>&#64258;</p>fl</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="specs">
|
||||
|
||||
</div>
|
||||
|
||||
<div id="installing">
|
||||
<div class="section">
|
||||
<div class="grid7 firstcol">
|
||||
<h1>Installing Webfonts</h1>
|
||||
|
||||
<p>Webfonts are supported by all major browser platforms but not all in the same way. There are currently four different font formats that must be included in order to target all browsers. This includes TTF, WOFF, EOT and SVG.</p>
|
||||
|
||||
<h2>1. Upload your webfonts</h2>
|
||||
<p>You must upload your webfont kit to your website. They should be in or near the same directory as your CSS files.</p>
|
||||
|
||||
<h2>2. Include the webfont stylesheet</h2>
|
||||
<p>A special CSS @font-face declaration helps the various browsers select the appropriate font it needs without causing you a bunch of headaches. Learn more about this syntax by reading the <a href="http://www.fontspring.com/blog/further-hardening-of-the-bulletproof-syntax">Fontspring blog post</a> about it. The code for it is as follows:</p>
|
||||
|
||||
|
||||
<code>
|
||||
@font-face{
|
||||
font-family: 'MyWebFont';
|
||||
src: url('WebFont.eot');
|
||||
src: url('WebFont.eot?#iefix') format('embedded-opentype'),
|
||||
url('WebFont.woff') format('woff'),
|
||||
url('WebFont.ttf') format('truetype'),
|
||||
url('WebFont.svg#webfont') format('svg');
|
||||
}
|
||||
</code>
|
||||
|
||||
<p>We've already gone ahead and generated the code for you. All you have to do is link to the stylesheet in your HTML, like this:</p>
|
||||
<code><link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" /></code>
|
||||
|
||||
<h2>3. Modify your own stylesheet</h2>
|
||||
<p>To take advantage of your new fonts, you must tell your stylesheet to use them. Look at the original @font-face declaration above and find the property called "font-family." The name linked there will be what you use to reference the font. Prepend that webfont name to the font stack in the "font-family" property, inside the selector you want to change. For example:</p>
|
||||
<code>p { font-family: 'WebFont', Arial, sans-serif; }</code>
|
||||
|
||||
<h2>4. Test</h2>
|
||||
<p>Getting webfonts to work cross-browser <em>can</em> be tricky. Use the information in the sidebar to help you if you find that fonts aren't loading in a particular browser.</p>
|
||||
</div>
|
||||
|
||||
<div class="grid5 sidebar">
|
||||
<div class="box">
|
||||
<h2>Troubleshooting<br />Font-Face Problems</h2>
|
||||
<p>Having trouble getting your webfonts to load in your new website? Here are some tips to sort out what might be the problem.</p>
|
||||
|
||||
<h3>Fonts not showing in any browser</h3>
|
||||
|
||||
<p>This sounds like you need to work on the plumbing. You either did not upload the fonts to the correct directory, or you did not link the fonts properly in the CSS. If you've confirmed that all this is correct and you still have a problem, take a look at your .htaccess file and see if requests are getting intercepted.</p>
|
||||
|
||||
<h3>Fonts not loading in iPhone or iPad</h3>
|
||||
|
||||
<p>The most common problem here is that you are serving the fonts from an IIS server. IIS refuses to serve files that have unknown MIME types. If that is the case, you must set the MIME type for SVG to "image/svg+xml" in the server settings. Follow these instructions from Microsoft if you need help.</p>
|
||||
|
||||
<h3>Fonts not loading in Firefox</h3>
|
||||
|
||||
<p>The primary reason for this failure? You are still using a version Firefox older than 3.5. So upgrade already! If that isn't it, then you are very likely serving fonts from a different domain. Firefox requires that all font assets be served from the same domain. Lastly it is possible that you need to add WOFF to your list of MIME types (if you are serving via IIS.)</p>
|
||||
|
||||
<h3>Fonts not loading in IE</h3>
|
||||
|
||||
<p>Are you looking at Internet Explorer on an actual Windows machine or are you cheating by using a service like Adobe BrowserLab? Many of these screenshot services do not render @font-face for IE. Best to test it on a real machine.</p>
|
||||
|
||||
<h3>Fonts not loading in IE9</h3>
|
||||
|
||||
<p>IE9, like Firefox, requires that fonts be served from the same domain as the website. Make sure that is the case.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div id="footer">
|
||||
<p>©2010-2011 Font Squirrel. All rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
|
@ -0,0 +1,342 @@
|
|||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||
<svg xmlns="http://www.w3.org/2000/svg">
|
||||
<metadata></metadata>
|
||||
<defs>
|
||||
<font id="itc_erasbold" horiz-adv-x="1394" >
|
||||
<font-face units-per-em="2048" ascent="1638" descent="-410" />
|
||||
<missing-glyph horiz-adv-x="696" />
|
||||
<glyph horiz-adv-x="0" />
|
||||
<glyph horiz-adv-x="682" />
|
||||
<glyph unicode=" " horiz-adv-x="696" />
|
||||
<glyph unicode="	" horiz-adv-x="696" />
|
||||
<glyph unicode=" " horiz-adv-x="696" />
|
||||
<glyph unicode="!" horiz-adv-x="696" d="M135 0l21 340h413l-18 -340h-416zM195 506q12 288 24 860h410l-68 -860h-366z" />
|
||||
<glyph unicode=""" horiz-adv-x="880" d="M131 977l21 389h247l-20 -389h-248zM551 977l20 389h248l-20 -389h-248z" />
|
||||
<glyph unicode="#" d="M-18 264l57 287h174l53 264h-174l58 287h176l53 264h332l-54 -264h252l54 264h331l-53 -264h174l-57 -287h-176l-54 -264h177l-58 -287h-176l-53 -264h-332l53 264h-252l-53 -264h-332l54 264h-174zM545 551h252l53 264h-252z" />
|
||||
<glyph unicode="$" d="M227 401q187 -84 326 -84q46 0 85.5 26.5t39.5 70.5q0 30 -22.5 65t-59 70t-80 73.5t-87 83t-80 92.5t-59 108t-22.5 122q0 130 94 221.5t228 116.5v215h362q-4 -94 -6 -215q82 -10 197 -41l18 -332q-152 68 -262 68q-44 0 -82.5 -21t-38.5 -61q0 -34 28 -74t70.5 -77.5 t92 -87t92 -99t70.5 -116.5t28 -138q0 -129 -79.5 -218.5t-211.5 -139.5v-248h-360q4 51 4 217q-139 19 -268 61z" />
|
||||
<glyph unicode="%" horiz-adv-x="1884" d="M82 903q0 78 12.5 147t41.5 132.5t72.5 109t109.5 72.5t149 27q88 0 155 -30t107.5 -84.5t61 -124.5t20.5 -155q0 -78 -12 -146.5t-40.5 -130.5t-71.5 -106.5t-109 -71t-150 -26.5q-173 0 -259.5 105t-86.5 282zM328 903q0 -31 4 -61t14 -64t33 -55t55 -21q40 0 68 34 t40.5 86t17.5 95.5t5 81.5q0 31 -4 61.5t-14.5 65.5t-33.5 56.5t-56 21.5q-39 0 -67 -34.5t-40.5 -88t-17 -97t-4.5 -81.5zM504 0q287 522 721 1366h219q-457 -842 -713 -1366h-227zM1139 362q0 78 12.5 147t41.5 132.5t72.5 109t109.5 72.5t149 27q172 0 258 -108.5 t86 -284.5q0 -78 -12 -146.5t-40.5 -131t-71.5 -107t-109 -71t-150 -26.5q-173 0 -259.5 105t-86.5 282zM1384 362q0 -31 4 -61t14.5 -63.5t33.5 -54.5t55 -21q40 0 68 34t40.5 86t17.5 95.5t5 81.5q0 31 -4 61.5t-14.5 65.5t-34 56.5t-56.5 21.5q-39 0 -67 -34.5 t-40.5 -88.5t-17 -97.5t-4.5 -81.5z" />
|
||||
<glyph unicode="&" horiz-adv-x="1572" d="M113 403q0 86 27.5 156.5t81 125t111 93.5t138.5 80q-68 106 -68 203q0 63 25.5 119.5t76 105t137.5 77t200 28.5q171 0 332 -37l8 -307q-125 51 -211 51q-63 0 -109.5 -28t-46.5 -87q0 -43 37 -109.5t76.5 -116t100.5 -120t75 -88.5q16 67 20 174h344q6 -244 -125 -461 l226 -262h-445l-80 98q-172 -123 -395 -123q-252 0 -394 117.5t-142 310.5zM502 414q0 -72 55 -112t131 -40q92 0 174 70l-223 268q-43 -28 -68 -49t-47 -58t-22 -79z" />
|
||||
<glyph unicode="'" horiz-adv-x="460" d="M131 977l21 389h247l-20 -389h-248z" />
|
||||
<glyph unicode="(" horiz-adv-x="813" d="M244 342q0 440 207 1024h317q-168 -571 -168 -1102q0 -354 74 -651h-316q-114 388 -114 729z" />
|
||||
<glyph unicode=")" horiz-adv-x="813" d="M121 -387q168 571 168 1102q0 354 -74 651h315q115 -391 115 -729q0 -440 -207 -1024h-317z" />
|
||||
<glyph unicode="*" horiz-adv-x="1232" d="M289 1049l92 188l209 -102l-8 231h215l-35 -231l219 96l68 -189l-224 -67l152 -168l-170 -137l-150 202l-176 -202l-149 139l170 168z" />
|
||||
<glyph unicode="+" d="M143 334l17 356h372q13 180 13 332h366q-13 -149 -20 -332h375l-17 -356h-372q-13 -180 -13 -334h-366q13 147 20 334h-375z" />
|
||||
<glyph unicode="," horiz-adv-x="696" d="M0 -264l184 512h396l-310 -512h-270z" />
|
||||
<glyph unicode="-" horiz-adv-x="561" d="M27 387l12 279h551l-12 -279h-551z" />
|
||||
<glyph unicode="." horiz-adv-x="696" d="M170 0l14 356h379l-18 -356h-375z" />
|
||||
<glyph unicode="/" horiz-adv-x="860" d="M-92 0l727 1366h399l-727 -1366h-399z" />
|
||||
<glyph unicode="0" d="M141 592q0 385 162 592t463 207q147 0 256.5 -47.5t176 -134.5t98.5 -201t32 -256q0 -96 -13 -185.5t-41.5 -179t-78.5 -162.5t-118 -130t-167 -88.5t-219 -31.5q-138 0 -244.5 46.5t-173 130.5t-100 195t-33.5 245zM543 592q0 -40 3 -78t14 -86t28.5 -83t49.5 -59 t75 -24q51 0 91 39t62.5 95.5t37 128t19.5 127.5t5 104q0 42 -2.5 81t-13 90.5t-27.5 88t-49.5 62.5t-75.5 26q-55 0 -96.5 -41t-63.5 -98.5t-36 -134t-17.5 -132t-3.5 -106.5z" />
|
||||
<glyph unicode="1" d="M315 850l15 362q21 13 74.5 43.5t90.5 55.5t68 55h434q-22 -167 -48.5 -651.5t-26.5 -714.5h-441q40 487 58 999z" />
|
||||
<glyph unicode="2" d="M133 0l14 281q217 182 429 397.5t212 286.5q0 133 -215 133q-124 0 -358 -58l51 308q258 43 492 43q253 0 388.5 -90.5t135.5 -264.5q0 -59 -32.5 -131t-77 -134t-116.5 -140t-125.5 -129t-130 -122.5t-106.5 -100.5q264 0 350 2t187 12l-23 -293h-1075z" />
|
||||
<glyph unicode="3" d="M164 350q228 -76 399 -76q43 0 84 7.5t81 25t64.5 51t24.5 80.5q0 144 -287 144q-100 0 -174 -13l23 305q71 -14 151 -14q30 0 52.5 1t57.5 4.5t60 13t49 23.5t37 38t13 55q0 117 -215 117q-160 0 -330 -39l61 293q237 25 398 25q57 0 105.5 -2.5t108.5 -11t107.5 -22.5 t95 -40t79.5 -60.5t51.5 -86t19.5 -115.5q0 -241 -283 -346v-5q125 -23 197 -99.5t72 -207.5q0 -89 -37.5 -163.5t-112.5 -132.5t-197 -91t-280 -33q-203 0 -446 52z" />
|
||||
<glyph unicode="4" d="M133 348l14 332q262 327 492 686h512q-32 -433 -37 -725h211l-4 -293h-219q-8 -133 -8 -348h-420q0 6 6 78.5t12 151.5t8 118h-567zM461 627h295l22 446l-4 4q-21 -35 -47.5 -75.5t-45 -67.5t-57 -81.5t-50 -70t-60 -82.5t-53.5 -73z" />
|
||||
<glyph unicode="5" d="M188 336q200 -62 344 -62q44 0 88 10.5t84 30.5t65.5 56.5t25.5 83.5q0 155 -279 155q-117 0 -293 -22q46 514 58 778h970l-16 -299q-88 6 -301 6h-248l-20 -233q74 4 110 4q98 0 183.5 -21t158.5 -65t115.5 -121t42.5 -180q0 -52 -13.5 -103.5t-43 -107.5t-83 -103.5 t-126 -85.5t-181 -60t-239.5 -22q-197 0 -373 45z" />
|
||||
<glyph unicode="6" d="M141 428q0 83 18.5 165.5t66 193t137.5 253.5t225 326h508q-66 -73 -129 -148t-141.5 -182t-136 -203.5t-97 -201t-39.5 -185.5q0 -78 46.5 -131t123.5 -53q83 0 131.5 55t48.5 134q0 68 -40.5 108.5t-110.5 40.5q-14 0 -97 -10l168 280q56 9 107 9q184 0 284.5 -104.5 t100.5 -289.5q0 -79 -19.5 -150.5t-65 -138t-113.5 -115t-172.5 -77.5t-233.5 -29q-89 0 -170.5 15.5t-155 50.5t-127.5 86.5t-85.5 128.5t-31.5 172z" />
|
||||
<glyph unicode="7" d="M197 1061l14 305h1071l-12 -313q-352 -662 -529 -1053h-522l569 1073h-157q-217 0 -434 -12z" />
|
||||
<glyph unicode="8" d="M141 354q0 130 80.5 221t208.5 123v4q-209 89 -209 297q0 86 33.5 155t88 112.5t127.5 72.5t147 40.5t153 11.5q78 0 147.5 -10.5t137 -37t116 -67t78 -106.5t29.5 -150q0 -115 -58.5 -190.5t-166.5 -124.5v-5q117 -25 189.5 -94.5t72.5 -185.5q0 -66 -19.5 -127.5 t-66 -120t-115 -102t-175.5 -69.5t-239 -26q-79 0 -153 10t-149.5 37t-131 68t-90.5 109t-35 155zM543 406q0 -74 53 -113t131 -39q80 0 133 45.5t53 124.5q0 72 -50 108.5t-126 36.5q-84 0 -139 -41.5t-55 -121.5zM578 967q0 -66 46 -103t115 -37q80 0 131.5 43.5 t51.5 116.5q0 67 -47 101t-119 34q-76 0 -127 -43t-51 -112z" />
|
||||
<glyph unicode="9" d="M141 872q0 104 34.5 191t93.5 147t139.5 101.5t171 60.5t188.5 19q105 0 192 -19.5t146 -53.5t102.5 -77.5t68 -96t35.5 -103t11 -103.5q0 -66 -16.5 -140.5t-39.5 -139.5t-65 -146t-74.5 -137t-87.5 -137t-84.5 -122.5t-83.5 -115.5h-518q11 14 61.5 77.5t76.5 97.5 t79 103t84.5 115t76.5 113t72.5 118t54.5 107t39.5 104t12.5 87q0 78 -44.5 130t-123.5 52q-84 0 -137.5 -52.5t-52.5 -136.5q-1 -70 46 -112.5t118 -42.5q28 0 82 12l-197 -291h-63q-50 0 -102 12t-106 41t-95.5 72.5t-68 112t-26.5 153.5z" />
|
||||
<glyph unicode=":" horiz-adv-x="696" d="M170 0l14 356h379l-18 -356h-375zM205 666l14 356h379l-18 -356h-375z" />
|
||||
<glyph unicode=";" horiz-adv-x="696" d="M0 -264l184 512h396l-310 -512h-270zM205 666l14 356h379l-18 -356h-375z" />
|
||||
<glyph unicode="<" d="M143 324l19 376l1126 428l-20 -413q-133 -25 -412.5 -101t-427.5 -100v-4q142 -22 412.5 -97t408.5 -100l-20 -422z" />
|
||||
<glyph unicode="=" d="M127 82l16 356h1106l-16 -356h-1106zM152 590l16 356h1106l-17 -356h-1105z" />
|
||||
<glyph unicode=">" d="M139 -109l21 414q139 26 417 103t422 102v4q-145 21 -416.5 95t-404.5 98l21 421l1085 -432l-18 -377z" />
|
||||
<glyph unicode="?" horiz-adv-x="1073" d="M90 1038l57 322q229 31 398 31q141 0 249 -26t172 -71.5t96 -103t32 -125.5q0 -56 -19.5 -109t-60.5 -105.5t-71 -84t-85 -83.5q-13 -13 -20 -19q-70 -66 -99 -111.5t-37 -124.5h-372q1 12 3 44t4 51t5.5 45.5t10.5 48.5t16 40q18 35 52 74.5t68.5 72.5t66.5 65.5 t52.5 64.5t20.5 59q0 33 -22.5 55.5t-59 32.5t-67.5 13.5t-64 3.5q-133 0 -326 -60zM287 0l18 340h416l-21 -340h-413z" />
|
||||
<glyph unicode="@" horiz-adv-x="1794" d="M111 662q0 157 59 291t168 231t272 152t361 55q157 0 289 -33.5t224 -90.5t156.5 -132.5t94.5 -159.5t30 -172q0 -89 -20 -161t-50.5 -119.5t-75 -83t-87 -54t-92 -30t-84 -14.5t-70.5 -3h-299q17 132 21 319q-15 -7 -80.5 -25.5t-105.5 -42t-40 -59.5q0 -30 21.5 -39.5 t60.5 -9.5q36 0 80 13l-55 -164q-11 -1 -52.5 -4.5t-64.5 -3.5q-137 0 -211 58t-74 163q0 57 28.5 99t74.5 65t102 38.5t111.5 25.5t101.5 20t74.5 27.5t28.5 43.5q0 17 -8.5 27.5t-24.5 15t-29 5.5t-33 1q-132 0 -319 -59l29 174q202 45 372 45q96 0 163 -18t98.5 -48.5 t44 -60t12.5 -63.5q0 -61 -8.5 -176t-8.5 -181q95 0 159.5 56.5t64.5 164.5q0 93 -34 174t-100 145.5t-175 102t-248 37.5q-280 0 -443.5 -143t-163.5 -389q0 -240 143.5 -375t411.5 -135q238 3 318 76h356q-79 -122 -250.5 -192.5t-431.5 -70.5q-201 0 -354.5 52.5 t-248 146.5t-142 217t-47.5 271z" />
|
||||
<glyph unicode="A" horiz-adv-x="1585" d="M-80 0q103 171 366.5 672t354.5 694h516q196 -569 502 -1366h-455q-33 125 -129 393h-504l-180 -393h-471zM692 680h312l-127 391z" />
|
||||
<glyph unicode="B" horiz-adv-x="1452" d="M137 0q22 158 40 608q16 405 16 695v63h786q399 0 399 -317q0 -134 -66 -224.5t-188 -122.5v-4q120 -14 194.5 -100t74.5 -213q0 -183 -130 -284t-362 -101h-764zM557 268h197q38 0 66.5 2.5t60.5 12t52.5 25.5t34 45.5t13.5 70.5q0 61 -38.5 98t-121.5 37h-250zM582 827 h163q117 0 169.5 37t52.5 113q0 40 -16.5 66t-48.5 37t-59.5 14.5t-68.5 3.5h-182z" />
|
||||
<glyph unicode="C" horiz-adv-x="1376" d="M111 645q0 146 44 268.5t122.5 209.5t185.5 148t232.5 90.5t265.5 29.5q142 0 366 -37l14 -312q-208 50 -319 50q-124 0 -220 -40t-151 -105.5t-82.5 -141t-27.5 -156.5q0 -181 114.5 -278t296.5 -97q150 0 365 56l-53 -324q-215 -31 -381 -31q-73 0 -144.5 9t-149 30.5 t-145.5 55.5t-130 87t-106.5 121t-70.5 162t-26 205z" />
|
||||
<glyph unicode="D" horiz-adv-x="1585" d="M137 0q22 175 43 595t21 771h729q106 0 194.5 -18t170.5 -63.5t138 -116t89.5 -182t33.5 -255.5q0 -118 -23 -217.5t-59 -169.5t-89 -127t-104 -92t-115 -60.5t-110 -37.5t-100 -18.5t-75 -7.5t-45 -1h-699zM567 293h178q97 0 171.5 34.5t119.5 95.5t67.5 140.5 t22.5 173.5q0 91 -24 157.5t-66.5 104.5t-95.5 56t-117 18h-221z" />
|
||||
<glyph unicode="E" horiz-adv-x="1376" d="M137 0q70 630 70 1366h1114l-14 -305q-250 12 -373 12h-303l-15 -239h234q170 0 342 6l-21 -299h-573l-14 -248h135q259 0 553 16l-19 -309h-1116z" />
|
||||
<glyph unicode="F" horiz-adv-x="1267" d="M137 0q22 177 43 593t21 773h1059l-15 -297q-115 4 -344 4h-280l-9 -239h521l-11 -297q-88 4 -266 4h-260l-12 -541h-447z" />
|
||||
<glyph unicode="G" horiz-adv-x="1591" d="M111 637q0 117 32 225.5t101 205.5t168.5 168t244.5 113t320 42q233 0 498 -54l14 -321q-242 76 -428 76q-152 0 -267.5 -51.5t-184 -160.5t-68.5 -264q0 -169 96.5 -261.5t265.5 -92.5q67 0 197 29l12 221h-184l12 287h590q-28 -366 -41 -770q-298 -54 -598 -54 q-146 0 -265.5 25.5t-199 66.5t-139 100t-92.5 117t-53 126.5t-25.5 120t-5.5 106.5z" />
|
||||
<glyph unicode="H" horiz-adv-x="1693" d="M137 0q2 20 10 121t9.5 125.5t8.5 116t9 126.5t7 120.5t7 135.5t5.5 134.5t4.5 153.5t2 156t1 177h444q-27 -319 -31 -508h547q13 306 13 508h444q-3 -40 -16 -225t-16.5 -256.5t-11.5 -231t-11 -314t-2 -339.5h-449q27 280 33 565h-547q-9 -191 -16 -565h-445z" />
|
||||
<glyph unicode="I" horiz-adv-x="716" d="M137 0q1 20 13 195t15 222t11.5 200.5t11.5 244t6 230.5t3 274h444q-52 -637 -55 -1366h-449z" />
|
||||
<glyph unicode="J" horiz-adv-x="1044" d="M-29 365q64 -23 103.5 -35t98.5 -23.5t110 -11.5q168 0 215 123q51 134 51 948h436q-39 -527 -47 -960q-4 -227 -140.5 -329t-391.5 -102q-153 0 -410 56z" />
|
||||
<glyph unicode="K" horiz-adv-x="1570" d="M137 0q22 196 47 643t25 723h442q-3 -41 -12.5 -190t-13 -204.5t-11 -185t-11.5 -205t-9 -185.5t-7.5 -205.5t-4.5 -190.5h-445zM637 721q36 49 114.5 155t124 168t109 153t113.5 169h487l-506 -641l498 -725h-514q-38 71 -77.5 140.5t-92 157.5t-78.5 131t-95 155.5 t-83 136.5z" />
|
||||
<glyph unicode="L" horiz-adv-x="1204" d="M137 0q72 636 78 1366h442q-50 -681 -57 -1073h229q263 0 394 6l-23 -299h-1063z" />
|
||||
<glyph unicode="M" horiz-adv-x="1888" d="M113 0q34 273 70 692t48 674h553q6 -50 84.5 -371.5t104.5 -476.5h4q65 237 127.5 417.5t99 275.5t49.5 155h564q-12 -201 -24.5 -596t-12.5 -770h-371q29 440 29 908v61h-4q-56 -180 -168.5 -517t-149.5 -452h-366q-53 268 -128 567t-92 400h-4q-21 -195 -39 -506.5 t-20 -460.5h-354z" />
|
||||
<glyph unicode="N" horiz-adv-x="1708" d="M137 0q21 172 45.5 628t24.5 738h512l483 -885h4q9 120 22 421t13 464h391q-14 -160 -43 -646t-33 -720h-499q-70 131 -242 421.5t-250 446.5h-5q-31 -635 -30 -868h-393z" />
|
||||
<glyph unicode="O" horiz-adv-x="1777" d="M111 643q0 163 51 294t134 214t195.5 138.5t229 78.5t240.5 23q127 0 242.5 -26t215.5 -81t173 -133.5t115 -190t42 -245.5q0 -146 -42 -267.5t-117.5 -208.5t-180 -146.5t-229 -88.5t-265.5 -29q-129 0 -245 24t-219 77t-178 130t-118.5 189t-43.5 248zM541 657 q0 -169 107 -276t276 -107q119 0 210.5 59.5t138 156.5t46.5 215q0 168 -103 277.5t-270 109.5q-183 0 -294 -124.5t-111 -310.5z" />
|
||||
<glyph unicode="P" horiz-adv-x="1306" d="M137 0q18 163 39 623t21 743h725q96 0 169 -29t113.5 -71t66 -98.5t33 -101.5t7.5 -89q0 -142 -67 -249t-180 -161.5t-253 -54.5q-69 0 -137 12l-66 264q54 -8 84 -8q91 0 149 40.5t58 127.5q0 77 -42.5 104t-123.5 27q-52 0 -158 -8q-1 -19 -6.5 -127t-7 -137 t-5.5 -123.5t-5.5 -150l-4 -148t-3 -185.5t-0.5 -200h-406z" />
|
||||
<glyph unicode="Q" horiz-adv-x="1777" d="M111 643q0 163 51 294t134 214t195.5 138.5t229 78.5t240.5 23q127 0 242.5 -26t215.5 -81t173 -133.5t115 -190t42 -245.5q0 -83 -60 -211.5t-153 -210.5l4 -4q141 21 252 51l-59 -307q-395 -58 -818 -58q-129 0 -245 24t-219 77t-178 130t-118.5 189t-43.5 248z M541 657q0 -169 107 -276t276 -107q119 0 210.5 59.5t138 156.5t46.5 215q0 168 -103 277.5t-270 109.5q-183 0 -294 -124.5t-111 -310.5z" />
|
||||
<glyph unicode="R" horiz-adv-x="1439" d="M137 0q63 569 66 1366h723q30 0 58.5 -1.5t81 -9t95.5 -21t93 -40.5t83.5 -64t56.5 -95.5t23 -130.5q0 -154 -82.5 -250t-236.5 -150q45 -115 139.5 -321.5t126.5 -282.5h-455q-15 54 -31.5 107t-38.5 118.5t-34 101.5t-41.5 117t-36.5 100.5t-43 117t-39 104.5 q55 -10 100 -10q48 0 91.5 9.5t83 30t63 58.5t23.5 88q0 28 -8.5 50.5t-20.5 36.5t-33.5 24t-38 15t-45 7.5t-43.5 3t-43 0.5h-176q-30 -471 -37 -1079h-424z" />
|
||||
<glyph unicode="S" horiz-adv-x="1169" d="M119 358q203 -90 352 -90q31 0 59.5 4t61.5 14t52.5 33t19.5 56q0 32 -27 68t-69.5 72.5t-94.5 77t-104 87.5t-94.5 96.5t-69.5 112t-27 127.5q0 24 4 50.5t18 64.5t36 72.5t62.5 69.5t93 60.5t131.5 41.5t175 16q163 0 365 -39l27 -322q-169 68 -297 68q-38 0 -77 -8.5 t-73.5 -34.5t-34.5 -66q0 -33 27 -69t69.5 -71.5t94.5 -74t104 -83t94.5 -91.5t69.5 -106t27 -121q0 -47 -13 -95.5t-50.5 -104.5t-94.5 -98.5t-155.5 -71t-223.5 -28.5q-168 0 -407 45z" />
|
||||
<glyph unicode="T" horiz-adv-x="1253" d="M39 1063l10 303h1278l-12 -303q-9 1 -79 3.5t-171.5 4.5t-173.5 2q-18 -232 -30.5 -549.5t-14.5 -523.5h-440q54 535 59 1073q-69 0 -426 -10z" />
|
||||
<glyph unicode="U" horiz-adv-x="1619" d="M154 381q0 160 23.5 487t27.5 498h430q-5 -76 -18.5 -256.5t-23 -324t-9.5 -218.5q0 -293 231 -293q53 0 94 11.5t69.5 31.5t48.5 51.5t32 65.5t20 79.5t12 88.5t8 96q1 11 1 17q28 380 33 651h438q-54 -757 -62 -965q-2 -65 -26.5 -124.5t-78 -115.5t-131 -96.5 t-195.5 -65t-263 -24.5q-148 0 -265 24.5t-189.5 64t-120.5 93.5t-67 109t-19 115z" />
|
||||
<glyph unicode="V" horiz-adv-x="1529" d="M12 1366h443q60 -220 160 -528.5t145 -487.5h4q69 175 226 512t224 504h449q-443 -851 -688 -1366h-492q-51 161 -115.5 352.5t-111 323t-127.5 359t-117 331.5z" />
|
||||
<glyph unicode="W" horiz-adv-x="2009" d="M12 1366h408q25 -167 92.5 -484t91.5 -468h4q28 123 111 447t121 505h463q14 -113 34.5 -247t35.5 -225.5t41.5 -249.5t37.5 -228h4q42 170 145 489t142 461h399q-258 -753 -450 -1366h-523q-9 58 -66.5 366t-72.5 470h-4q-32 -161 -117 -465.5t-102 -370.5h-502 q-103 534 -293 1366z" />
|
||||
<glyph unicode="X" horiz-adv-x="1392" d="M-63 0q293 374 542 727q-73 130 -225.5 371t-169.5 268q78 -2 235 -2q170 0 254 2q31 -62 100.5 -183.5t100.5 -185.5q35 61 115 182.5t117 186.5q68 -2 200 -2q172 0 258 2q-43 -60 -218.5 -297t-264.5 -369q148 -253 438 -700q-82 2 -250 2q-161 0 -243 -2 q-35 68 -115.5 211t-118.5 219q-48 -81 -148 -225.5t-138 -204.5q-76 2 -230 2q-159 0 -239 -2z" />
|
||||
<glyph unicode="Y" horiz-adv-x="1320" d="M4 1366q78 -2 236 -2q157 0 235 2q34 -85 111.5 -246t109.5 -243q46 83 143.5 244.5t143.5 244.5q76 -2 227 -2q183 0 240 2q-39 -57 -140 -204.5t-154 -225t-132.5 -197.5t-144.5 -221q-17 -372 -19 -518q-37 0 -109 1t-108 1q-145 0 -219 -2q34 306 39 549 q-66 124 -138.5 253t-177.5 313t-143 251z" />
|
||||
<glyph unicode="Z" horiz-adv-x="1368" d="M78 0l10 301q412 425 707 772h-203q-213 0 -422 -12l6 305h1170l-13 -297l-712 -776q425 0 665 12l-14 -305h-1194z" />
|
||||
<glyph unicode="[" horiz-adv-x="813" d="M205 -387l98 1753h545l-8 -115h-199l-88 -1523h199l-7 -115h-540z" />
|
||||
<glyph unicode="\" horiz-adv-x="696" d="M-82 1366h379l563 -1366h-379z" />
|
||||
<glyph unicode="]" horiz-adv-x="813" d="M35 -387l6 115h201l86 1523h-199l8 115h541l-98 -1753h-545z" />
|
||||
<glyph unicode="^" d="M139 598q150 307 357 768q82 -2 239 -2q160 0 240 2q141 -410 278 -768q-35 0 -102 1t-100 1q-34 0 -100.5 -1t-100.5 -1q-23 116 -65 248t-62 229h-4q-29 -95 -86.5 -232t-89.5 -245q-33 0 -99.5 1t-99.5 1q-34 0 -101 -1t-104 -1z" />
|
||||
<glyph unicode="_" horiz-adv-x="1024" d="M0 -154h1024v-102h-1024v102z" />
|
||||
<glyph unicode="`" horiz-adv-x="782" d="M152 1448h415l105 -236h-318z" />
|
||||
<glyph unicode="a" horiz-adv-x="1247" d="M78 268q0 88 38.5 152.5t100 100.5t136 60.5t149 39t136 29t100 38.5t38.5 60q0 81 -127 81q-167 0 -428 -96l41 250q280 64 483 64q119 0 203.5 -19.5t134 -57t71.5 -87t22 -115.5q0 -6 -17.5 -326t-17.5 -442h-393q12 113 30 457q-23 -16 -80 -34t-105 -32t-87 -44.5 t-39 -72.5q0 -43 32.5 -62t80.5 -19q56 0 108 18l-67 -223q-89 -13 -164 -13q-77 0 -139 15.5t-100.5 38t-67 55t-42 59.5t-21 57.5t-8.5 43.5t-1 24z" />
|
||||
<glyph unicode="b" horiz-adv-x="1345" d="M125 0q64 877 70 1366h407q-20 -137 -31 -344q63 12 121 18q68 7 121 7q239 0 371.5 -127.5t132.5 -366.5q0 -115 -31 -217.5t-90.5 -184t-155 -129t-215.5 -47.5q-201 0 -319 154h-4l-2 -129h-375zM530 508q0 -63 19.5 -119t65.5 -95.5t112 -39.5q52 0 92 25t63 66 t34.5 87t11.5 94q0 113 -58 177.5t-170 64.5q-55 0 -149 -23q-21 -136 -21 -237z" />
|
||||
<glyph unicode="c" horiz-adv-x="1040" d="M96 494q0 32 2.5 65.5t15 91t33.5 107.5t62 105t96.5 94t141.5 64.5t192 25.5q196 0 346 -39l19 -303q-142 49 -261 49q-120 0 -189 -66.5t-69 -185.5q0 -115 60 -174.5t176 -59.5q119 0 254 49l-49 -305q-148 -37 -305 -37q-252 0 -388.5 133.5t-136.5 385.5z" />
|
||||
<glyph unicode="d" horiz-adv-x="1376" d="M96 442q0 92 20 176.5t66.5 163.5t116 137t175.5 93t237 35q74 0 198 -15q8 140 11 334h403q-5 -69 -15.5 -198t-18.5 -232.5t-13 -200.5q-27 -422 -27 -735h-370l6 125h-4q-138 -150 -351 -150q-197 0 -315.5 134t-118.5 333zM485 465q0 -89 47.5 -150t135.5 -61 q45 0 81 19t59 46.5t40 75t25 85.5t13 98t5.5 94t1.5 91v3q-49 12 -100 12q-147 0 -227.5 -91t-80.5 -222z" />
|
||||
<glyph unicode="e" horiz-adv-x="1214" d="M96 477q0 31 3.5 66.5t18 93.5t38 110.5t68.5 109t104.5 97t151.5 67t204 26.5q252 0 386 -114.5t134 -328.5q0 -82 -14 -153h-705q0 -58 22.5 -101.5t61.5 -68t85.5 -36.5t99.5 -12q56 0 125 11.5t112.5 23t120.5 33.5l-49 -287q-183 -39 -356 -39q-104 0 -189.5 13 t-166 48t-135 90t-87.5 144.5t-33 206.5zM498 637h329q0 180 -147 180q-78 0 -126 -53.5t-56 -126.5z" />
|
||||
<glyph unicode="f" horiz-adv-x="833" d="M98 754l15 268h141v117q0 140 79 214t263 74q147 0 287 -41l12 -262q-100 35 -178 35q-62 0 -88 -31q-25 -31 -25 -101v-5h230l-15 -268h-211q-22 -405 -33 -754h-401q16 167 47 754h-123z" />
|
||||
<glyph unicode="g" horiz-adv-x="1372" d="M96 444q0 131 43.5 240.5t129 190.5t221 126.5t309.5 45.5q201 0 497 -56q-40 -452 -53 -1081q-5 -191 -124 -293t-378 -102q-250 0 -520 65l-16 293q229 -80 401 -80q67 0 115 17.5t74.5 45t42 74t19.5 90.5t5 109q-145 -139 -340 -139q-194 0 -310 129.5t-116 324.5z M485 467q0 -82 45.5 -140.5t126.5 -58.5q37 0 68 11t53 27.5t40 45.5t29.5 54t20 66t13 67.5t7.5 72t3.5 67l1.5 64.5q-68 11 -111 11q-133 0 -215 -77.5t-82 -209.5z" />
|
||||
<glyph unicode="h" horiz-adv-x="1406" d="M125 0q25 221 47.5 622t22.5 744h407q-28 -262 -37 -483l4 -4q67 97 154.5 132.5t239.5 35.5q80 0 144 -16.5t117.5 -52.5t83 -101t29.5 -156q0 -2 -14 -285t-14 -436h-404q3 40 12.5 164t14 207.5t4.5 163.5q0 192 -150 192q-75 0 -127 -46t-75 -122q-16 -51 -27 -152 t-16 -182t-9 -225h-407z" />
|
||||
<glyph unicode="i" horiz-adv-x="651" d="M125 0q47 415 53 1022h410q-37 -359 -37 -1022h-426zM188 1149l5 242h397l-10 -242h-392z" />
|
||||
<glyph unicode="j" horiz-adv-x="753" d="M-119 -160q90 -33 170 -33q44 0 76.5 12.5t52 32t32.5 53.5t18.5 67t9.5 81q9 113 14 251.5t6.5 222t3 262.5t2.5 233h404q-14 -249 -23.5 -603t-9.5 -495q0 -40 -1 -68.5t-5.5 -66t-12 -64t-21.5 -57t-34 -51.5t-49.5 -41.5t-67 -33t-87.5 -20t-111 -7.5q-152 0 -340 30 zM279 1149l4 242h397l-10 -242h-391z" />
|
||||
<glyph unicode="k" horiz-adv-x="1282" d="M125 0q56 604 59 1366h402q-29 -375 -44 -671t-18 -695h-399zM561 573l307 449h435l-342 -453q78 -138 337 -569h-428q-54 115 -168.5 319.5t-140.5 253.5z" />
|
||||
<glyph unicode="l" horiz-adv-x="651" d="M125 0q55 641 74 1366h407q-18 -182 -44 -645.5t-30 -720.5h-407z" />
|
||||
<glyph unicode="m" horiz-adv-x="1914" d="M125 0q41 701 45 1022h377l-6 -131l4 4q106 152 323 152q226 0 306 -162q103 162 335 162q71 0 130 -15.5t106 -47.5t73.5 -86.5t26.5 -127.5q0 -18 -7.5 -141t-17 -304.5t-12.5 -324.5h-397q7 83 20 301.5t13 292.5q0 32 -3.5 56t-14 48t-32 37t-53.5 13 q-36 0 -63.5 -17t-43.5 -46.5t-25.5 -59t-14.5 -64.5q-13 -82 -17.5 -176t-6.5 -208t-5 -177h-399q9 89 23 326.5t14 275.5q0 146 -105 146q-119 0 -147 -203q-12 -80 -17 -165.5t-7 -212.5t-3 -167h-399z" />
|
||||
<glyph unicode="n" horiz-adv-x="1406" d="M125 0q50 415 61 1022h400l-11 -133l5 -4q69 87 163.5 124.5t219.5 37.5q80 0 144 -16.5t117.5 -52.5t83 -101t29.5 -156q0 -2 -14 -285t-14 -436h-404q3 40 12.5 164t14 207.5t4.5 163.5q0 192 -150 192q-75 0 -127 -46t-75 -122q-16 -51 -27 -152t-15 -182t-10 -225 h-407z" />
|
||||
<glyph unicode="o" horiz-adv-x="1333" d="M96 487q0 132 48.5 239t133 176.5t196.5 107t241 37.5q121 0 227 -33t187.5 -96t128.5 -163t47 -225q0 -133 -46.5 -239t-129 -174.5t-193 -105t-240.5 -36.5q-105 0 -193 20t-148.5 53t-107.5 78.5t-75 92t-45.5 97.5t-24 92t-6.5 79zM498 492q0 -96 48.5 -163 t143.5 -67q73 0 123 42.5t70 102t20 128.5q0 98 -48 161.5t-142 63.5q-106 0 -160.5 -78.5t-54.5 -189.5z" />
|
||||
<glyph unicode="p" horiz-adv-x="1355" d="M102 -467q72 812 72 1460q321 54 596 54q122 0 218 -29t159 -78.5t104 -119t58.5 -145.5t17.5 -163q0 -80 -17 -157t-53 -146t-87 -121t-124 -82.5t-159 -30.5q-206 0 -363 127q-2 -51 -6.5 -177t-7 -217t-2.5 -175h-406zM541 508q0 -64 19 -119.5t65 -95t112 -39.5 q52 0 92 25t63 66t34.5 87t11.5 94q0 113 -58 177.5t-169 64.5q-56 0 -150 -23q-20 -130 -20 -237z" />
|
||||
<glyph unicode="q" horiz-adv-x="1366" d="M96 451q0 27 1 50t8 69.5t19 85t37 89t59.5 91t88.5 81.5t121 68t161.5 44.5t205.5 17.5q222 0 495 -46q-59 -616 -71 -1468h-408q38 530 41 588q-137 -146 -334 -146q-130 0 -228.5 67t-147 174t-48.5 235zM485 446q0 -77 40.5 -134.5t115.5 -57.5q166 0 209 235 q15 81 20 259q-46 6 -94 6q-140 0 -215.5 -83t-75.5 -225z" />
|
||||
<glyph unicode="r" horiz-adv-x="882" d="M125 0q41 501 41 1022h379l-4 -111l4 4q118 132 256 132q45 0 82 -11l12 -329q-70 20 -107 20q-91 0 -155 -52.5t-86 -142.5q-17 -71 -22 -191t-5 -341h-395z" />
|
||||
<glyph unicode="s" horiz-adv-x="1011" d="M104 317q185 -73 297 -73q134 0 134 61q0 26 -37 60t-89.5 72t-104.5 83t-89 107t-37 129q0 134 103 212.5t311 78.5q124 0 352 -35l17 -281q-117 47 -240 47q-18 0 -28 -0.5t-29.5 -1.5t-32 -4.5t-25.5 -8.5t-19.5 -14.5t-6.5 -21.5q0 -22 19.5 -46t51 -47.5t69.5 -49.5 t76 -58.5t69.5 -68.5t51 -84.5t19.5 -102.5q0 -65 -28.5 -117t-73 -84.5t-104 -54t-117 -30.5t-115.5 -9q-149 0 -363 45z" />
|
||||
<glyph unicode="t" horiz-adv-x="878" d="M90 754l10 268h166l13 184l372 84l-10 -268h229l-8 -268h-231q-1 -27 -6 -101.5t-7 -128t-2 -114.5q0 -67 22 -104.5t81 -37.5q53 0 143 23l-51 -283q-126 -33 -268 -33q-162 0 -245 59.5t-83 213.5q0 88 13 257.5t16 248.5h-154z" />
|
||||
<glyph unicode="u" horiz-adv-x="1359" d="M141 287q0 16 18.5 316t18.5 419h402q-3 -70 -20 -257t-17 -288q0 -182 145 -182q73 0 119.5 49t62.5 125q5 21 9 50t7 55t6 68.5t4.5 68.5t3.5 78.5t2.5 75t2.5 82t2 75.5h398q-45 -462 -58 -1022h-377v131l-4 4q-109 -160 -358 -160q-367 0 -367 312z" />
|
||||
<glyph unicode="v" horiz-adv-x="1218" d="M43 1022h401l177 -649h4l231 649h408q-206 -432 -451 -1022h-426q-25 83 -55 177t-52 159.5t-61.5 181.5t-54.5 159t-63.5 180.5t-57.5 164.5z" />
|
||||
<glyph unicode="w" horiz-adv-x="1869" d="M33 1022h373l163 -623h4l211 623h383l152 -623h4l213 623h371q-35 -81 -135 -313t-167.5 -393t-129.5 -316h-379l-144 600h-4q-46 -153 -211 -600h-366q-14 44 -53 167t-57 178.5t-52.5 163t-58.5 178t-55.5 162.5t-61.5 173z" />
|
||||
<glyph unicode="x" horiz-adv-x="1312" d="M18 0l398 535l-316 487h465l135 -297q46 81 185 297h428l-361 -483q112 -192 336 -539h-459l-159 332l-207 -332h-445z" />
|
||||
<glyph unicode="y" horiz-adv-x="1220" d="M-12 -164q105 -43 194 -43q167 0 219 187l-350 1042h398q19 -75 60.5 -223.5t68.5 -263.5t40 -218h5q21 82 54.5 181.5t56.5 162.5t72 190t66 171h388l-494 -1135q-24 -55 -41 -90t-43 -79t-51 -70.5t-61 -54.5t-77.5 -43t-97 -25t-121.5 -10q-117 0 -245 28z" />
|
||||
<glyph unicode="z" horiz-adv-x="1083" d="M94 0l8 297l469 457q-262 0 -417 -11l8 279h868l-14 -315l-465 -439h444l-18 -268h-883z" />
|
||||
<glyph unicode="{" horiz-adv-x="813" d="M98 375l15 217q39 0 68 6.5t47 20.5t29 29.5t16 40t6.5 44.5t1.5 51q0 16 4.5 64t9 136t4.5 200q0 94 52.5 138t135.5 44h330l-8 -156h-78q-34 0 -56 -37.5t-22 -107.5q0 -49 -10 -160t-10 -194q0 -34 -7.5 -63t-21 -50.5t-27 -37.5t-32 -28.5t-30 -19t-26.5 -13.5 t-16 -7v-5q1 -1 13.5 -7t23 -12.5t26.5 -18.5t28 -27.5t23.5 -35.5t18 -47.5t6.5 -59.5q0 -53 -10 -177.5t-10 -218.5q0 -50 17 -82t48 -32h82l-10 -156h-326q-170 0 -170 182q0 40 8.5 164t8.5 219v14q0 40 -1 59t-8.5 47.5t-23 42t-45.5 24t-74 10.5z" />
|
||||
<glyph unicode="|" horiz-adv-x="696" d="M201 -512v2048h362v-2048h-362z" />
|
||||
<glyph unicode="}" horiz-adv-x="813" d="M59 -387l9 156h77q34 0 56 37.5t22 107.5q0 49 10.5 160t10.5 194q0 34 7 63t20.5 50.5t27.5 37.5t32.5 28.5t29.5 19t26 13.5t16 7v5q-1 1 -13.5 7t-23 12.5t-26.5 18.5t-28 27.5t-23.5 35.5t-18 47.5t-6.5 59.5q0 53 10.5 177.5t10.5 218.5q0 49 -17.5 81.5t-48.5 32.5 h-82l10 156h326q170 0 170 -182q0 -40 -8 -164t-8 -219v-16q0 -28 0.5 -42t3 -37t8 -34.5t16.5 -27t27 -22.5t40 -12.5t56 -5.5l-14 -217q-39 0 -68 -6.5t-47 -20.5t-29 -29.5t-16 -40t-6.5 -44.5t-1.5 -51q0 -16 -4.5 -64t-9 -136t-4.5 -200q0 -94 -52.5 -138t-136.5 -44 h-330z" />
|
||||
<glyph unicode="~" d="M160 580q18 31 34.5 55t45.5 53.5t61.5 49t79.5 33t102 13.5q49 0 98.5 -19.5t89.5 -47t77 -55t75.5 -47t71.5 -19.5q69 0 116 51.5t85 136.5l164 -340q-22 -39 -45.5 -69t-62 -64t-94 -52.5t-122.5 -18.5q-60 0 -122.5 29.5t-106 64.5t-94.5 64.5t-91 29.5 q-36 0 -67 -15.5t-55.5 -45t-41 -58.5t-34.5 -69z" />
|
||||
<glyph unicode="¡" horiz-adv-x="696" d="M98 -344l68 860h366q-12 -288 -24 -860h-410zM158 682l18 340h416l-21 -340h-413z" />
|
||||
<glyph unicode="¢" d="M285 565q0 98 25 186t73 160.5t125.5 123t175.5 67.5v264h317l-14 -242q97 -14 172 -32l27 -314q-132 56 -244 56q-115 0 -180.5 -69.5t-65.5 -182.5q0 -116 61.5 -178t176.5 -62q99 0 231 41l-47 -305q-128 -22 -176 -25v-174h-309l8 182q-92 21 -161.5 68t-111.5 114 t-62.5 147.5t-20.5 174.5z" />
|
||||
<glyph unicode="£" d="M193 545l49 286h94q-16 40 -23 58.5t-14.5 52.5t-7.5 66q0 95 49 172.5t135 128.5q79 48 170.5 65t206.5 17q196 0 365 -35l20 -334q-63 24 -101 37.5t-95 26t-105 12.5q-52 0 -98 -12t-82.5 -46.5t-36.5 -87.5q0 -22 12.5 -69.5t13.5 -51.5h429l-54 -286h-329 q3 -125 -52 -221q239 -41 328 -41q152 0 285 65l-62 -338q-107 -35 -205 -35q-136 0 -356 62q-125 33 -197 33q-169 0 -284 -80l14 289q160 45 160 235v31h-229z" />
|
||||
<glyph unicode="¤" d="M53 231l191 183q-58 105 -58 239q0 148 82 281l-172 182l221 211l185 -194q109 53 250 53q136 0 245 -53l205 194l201 -211l-193 -182q58 -103 58 -240q0 -156 -82 -280l174 -183l-221 -211l-185 195q-115 -53 -252 -53q-140 0 -243 53l-205 -195zM543 664q0 -95 43 -149 t131 -54t141 64.5t53 158.5q0 95 -43 149t-131 54t-141 -64.5t-53 -158.5z" />
|
||||
<glyph unicode="¥" d="M2 379l16 244h445l-84 168h-367l17 243h215l-168 332h428q72 -196 203 -487q160 284 260 487h436l-215 -332h231l-33 -243h-354l-108 -168h462l-24 -244h-510l-10 -379h-367l19 379h-492z" />
|
||||
<glyph unicode="¦" horiz-adv-x="696" d="M201 -358v716h362v-716h-362zM201 666v716h362v-716h-362z" />
|
||||
<glyph unicode="§" horiz-adv-x="1232" d="M115 471q0 107 64 201.5t163 169.5q-82 95 -82 200q0 149 115 249t321 100q170 0 396 -72l-13 -272q-179 65 -264 65q-61 0 -102 -21.5t-41 -70.5q0 -30 27 -61.5t70.5 -61t96 -62t105.5 -71.5t96.5 -82.5t70.5 -101t27 -121.5q0 -216 -219 -391q82 -85 82 -205 q0 -108 -62.5 -189.5t-156 -120t-199.5 -38.5q-180 0 -452 88l8 291q146 -63 209 -79q58 -14 108 -14q59 0 96 24t37 69q0 27 -27.5 56t-72 58t-98 62t-106.5 74t-97.5 87t-72 108.5t-27.5 131.5zM455 528q0 -41 21 -74t81 -81t186 -129q3 3 12 11t12.5 11t11.5 10.5 t11 11.5t9.5 11.5t9 13t6.5 13.5t5.5 15t3 16t1.5 18q0 42 -36 86.5t-78.5 74.5t-99 67t-76.5 54q-34 -22 -57 -56.5t-23 -72.5z" />
|
||||
<glyph unicode="¨" horiz-adv-x="931" d="M193 1239l12 203h268l-8 -203h-272zM582 1239l12 203h268l-8 -203h-272z" />
|
||||
<glyph unicode="©" horiz-adv-x="1794" d="M111 662q0 157 59 291t168 231t272 152t361 55q197 0 350.5 -52.5t249.5 -146.5t145 -218t49 -272q0 -157 -58 -290t-166.5 -230t-272 -152t-365.5 -55q-201 0 -354.5 52.5t-248 146.5t-142 217t-47.5 271zM356 672q0 -240 143.5 -375t411.5 -135q280 0 444.5 143 t164.5 387q0 241 -144.5 376.5t-412.5 135.5q-280 0 -443.5 -143t-163.5 -389zM487 664q0 142 72.5 243.5t195.5 151t283 49.5q96 0 226 -23l20 -196q-125 33 -207 33q-78 0 -137.5 -22t-93.5 -59t-51 -79.5t-17 -89.5q0 -98 55.5 -163t172.5 -65q123 0 266 33l-43 -201 q-216 -18 -232 -18q-239 0 -374.5 105t-135.5 301z" />
|
||||
<glyph unicode="ª" horiz-adv-x="798" d="M113 979q0 53 27.5 90.5t69 55.5t89.5 32t89.5 21t69 20t27.5 33q0 39 -63 39q-93 0 -234 -53l23 141q161 33 268 33q230 0 230 -150q0 -13 -4.5 -63t-9.5 -142t-7 -202h-217l16 237q-13 -8 -56 -19.5t-73 -27.5t-30 -41q0 -27 17 -40t40 -13q10 0 20 3t23.5 9t20.5 8 l-39 -121q-52 -20 -93 -20q-97 0 -150.5 50t-53.5 120z" />
|
||||
<glyph unicode="«" horiz-adv-x="1079" d="M145 510l195 340h264l-153 -340l131 -342h-256zM582 510l194 340h264l-153 -340l131 -342h-256z" />
|
||||
<glyph unicode="¬" d="M152 590l16 356h1106q-31 -494 -41 -864h-371q25 214 39 508h-749z" />
|
||||
<glyph unicode="­" horiz-adv-x="561" d="M27 387l12 279h551l-12 -279h-551z" />
|
||||
<glyph unicode="®" horiz-adv-x="1794" d="M111 662q0 157 59 291t168 231t272 152t361 55q197 0 350.5 -52.5t249.5 -146.5t145 -218t49 -272q0 -157 -58 -290t-166.5 -230t-272 -152t-365.5 -55q-201 0 -354.5 52.5t-248 146.5t-142 217t-47.5 271zM356 672q0 -240 143.5 -375t411.5 -135q258 0 418 123h-295 q-85 257 -174 420q44 -7 68 -7q68 0 117.5 26t50.5 81q2 26 -7 44.5t-21 27.5t-33 14t-32.5 5.5t-29.5 0.5h-139q-25 -371 -23 -612h-281q37 393 43 798h480q171 0 245 -62t68 -187q-5 -87 -62 -148t-145 -68q100 -213 180 -325q181 148 181 399q0 241 -144.5 376.5 t-412.5 135.5q-280 0 -443.5 -143t-163.5 -389z" />
|
||||
<glyph unicode="¯" horiz-adv-x="985" d="M201 1253l6 164h704l-8 -164h-702z" />
|
||||
<glyph unicode="°" horiz-adv-x="972" d="M127 1069q0 135 106 228.5t289 93.5q170 0 266.5 -84t96.5 -217q0 -136 -105 -229t-288 -93q-170 0 -267.5 84t-97.5 217zM373 1069q0 -53 36.5 -84t90.5 -31q57 0 98 35.5t41 100.5q0 53 -35.5 83.5t-89.5 30.5q-57 0 -99 -35t-42 -100z" />
|
||||
<glyph unicode="±" d="M127 0l16 356h1106l-16 -356h-1106zM154 573l16 357h377v127h360l-8 -127h377l-16 -357h-377v-127h-361l8 127h-376z" />
|
||||
<glyph unicode="²" horiz-adv-x="835" d="M88 557l12 188q127 85 251 209t124 181q-3 41 -30 55t-72 14q-68 0 -234 -35l37 195q176 27 320 27q165 0 254.5 -53.5t89.5 -155.5q0 -41 -21.5 -86.5t-50.5 -83.5t-74.5 -82.5t-79 -72.5t-79.5 -65t-60 -49h328l-15 -186h-700z" />
|
||||
<glyph unicode="³" horiz-adv-x="835" d="M104 774q149 -55 261 -55q59 0 101 24.5t42 75.5q0 25 -16 41t-44.5 22.5t-52 8.5t-55.5 2q-43 0 -113 -8l17 202q70 -8 98 -8q31 0 53 1.5t51.5 8t45.5 23t16 41.5q0 51 -133 51q-103 0 -213 -22l41 194q161 15 258 15q45 0 81.5 -2.5t81.5 -9t79 -21t64 -36t46 -56 t16 -78.5q0 -79 -50.5 -130.5t-133.5 -76.5v-4q84 -13 134 -60t50 -129q0 -114 -105.5 -185t-309.5 -71q-132 0 -291 39z" />
|
||||
<glyph unicode="´" horiz-adv-x="782" d="M254 1212l102 236h418l-203 -236h-317z" />
|
||||
<glyph unicode="µ" horiz-adv-x="1359" d="M72 -467q37 449 62.5 889.5t25.5 599.5h401q-3 -70 -20 -257t-17 -288q0 -182 146 -182q73 0 119.5 49t62.5 125q5 21 9 50t7 55t6 68.5t4.5 68.5t3.5 78.5t2.5 75t2.5 82t2 75.5h397q-43 -448 -57 -1022h-377v131l-4 4q-109 -160 -359 -160l-12 -442h-405z" />
|
||||
<glyph unicode="¶" horiz-adv-x="1232" d="M133 999q0 76 24 139.5t75.5 116t143.5 82t218 29.5h631q-66 -1114 -66 -1835h-217q21 222 64 1692h-129q0 -9 -8 -196t-17 -403t-18 -454t-13.5 -416t-1.5 -223h-217q9 140 17 306.5t12 285t10.5 313.5t9.5 291q-80 -49 -190 -49q-136 0 -232 93t-96 228zM414 1006 q0 -68 34 -120t101 -52q56 0 102 40q1 17 8.5 167.5t8.5 181.5h-25q-72 0 -120.5 -19.5t-70.5 -54t-30 -68t-8 -75.5z" />
|
||||
<glyph unicode="·" horiz-adv-x="696" d="M172 336l14 356h379l-18 -356h-375z" />
|
||||
<glyph unicode="¸" horiz-adv-x="937" d="M174 -371l211 269h326l-133 -269h-404z" />
|
||||
<glyph unicode="¹" horiz-adv-x="835" d="M195 1036l14 238q11 6 48 25.5t60.5 34t42.5 32.5h324q-14 -101 -31.5 -390.5t-17.5 -418.5h-328q25 288 37 569z" />
|
||||
<glyph unicode="º" horiz-adv-x="798" d="M113 1096q0 139 97 217t236 78q136 0 227 -72.5t91 -206.5q0 -147 -94 -225t-240 -78q-137 0 -227 75.5t-90 211.5zM334 1090q0 -54 24 -88.5t74 -34.5q56 0 83.5 42.5t27.5 104.5q0 53 -24.5 86t-74.5 33q-55 0 -82.5 -41t-27.5 -102z" />
|
||||
<glyph unicode="»" horiz-adv-x="1079" d="M98 168l156 342l-127 340h266l168 -340l-209 -342h-254zM535 168l155 342l-127 340h266l168 -340l-209 -342h-253z" />
|
||||
<glyph unicode="¼" horiz-adv-x="2091" d="M195 1036l14 238q11 6 48 25.5t60.5 34t42.5 32.5h324q-14 -101 -31.5 -390.5t-17.5 -418.5h-328q25 288 37 569zM485 0q333 605 719 1366h219q-483 -897 -710 -1366h-228zM1165 186l11 222q169 183 325 401h373q-21 -285 -23 -436h138l-7 -187h-139l-6 -186h-293l17 186 h-396zM1405 373h190l17 252l-4 4z" />
|
||||
<glyph unicode="½" horiz-adv-x="2091" d="M195 1036l14 238q11 6 48 25.5t60.5 34t42.5 32.5h324q-14 -101 -31.5 -390.5t-17.5 -418.5h-328q25 288 37 569zM506 0q333 605 719 1366h219q-493 -915 -711 -1366h-227zM1225 0l12 188q127 85 251 209t124 181q-3 41 -30.5 55t-72.5 14q-67 0 -233 -35l37 195 q175 27 319 27q165 0 254.5 -53.5t89.5 -155.5q0 -41 -21 -86.5t-50.5 -83.5t-75 -82.5t-78.5 -72.5t-79 -65t-60 -49h327l-14 -186h-700z" />
|
||||
<glyph unicode="¾" horiz-adv-x="2091" d="M104 774q149 -55 261 -55q59 0 101 24.5t42 75.5q0 25 -16 41t-44.5 22.5t-52 8.5t-55.5 2q-43 0 -113 -8l17 202q70 -8 98 -8q31 0 53 1.5t51.5 8t45.5 23t16 41.5q0 51 -133 51q-103 0 -213 -22l41 194q161 15 258 15q45 0 81.5 -2.5t81.5 -9t79 -21t64 -36t46 -56 t16 -78.5q0 -79 -50.5 -130.5t-133.5 -76.5v-4q84 -13 134 -60t50 -129q0 -114 -105.5 -185t-309.5 -71q-132 0 -291 39zM561 0q333 605 719 1366h219q-493 -915 -711 -1366h-227zM1206 186l11 222q169 183 325 401h373q-21 -285 -23 -436h138l-7 -187h-139l-6 -186h-293 l17 186h-396zM1446 373h190l17 252l-4 4z" />
|
||||
<glyph unicode="¿" horiz-adv-x="1073" d="M49 -43q0 56 19.5 109t60.5 105.5t71 84t85 83.5q13 13 20 19q47 45 69.5 71t41 68t24.5 97h373q-1 -12 -3 -44t-4 -51t-5.5 -45.5t-10.5 -48.5t-16 -40q-18 -35 -52 -74.5t-68.5 -72.5t-66.5 -65.5t-52.5 -64.5t-20.5 -59q0 -33 22.5 -55.5t59 -32.5t67.5 -13.5t64 -3.5 q133 0 326 60l-58 -322q-229 -31 -397 -31q-141 0 -249 26t-172 71.5t-96 103t-32 125.5zM422 682l20 340h414l-18 -340h-416z" />
|
||||
<glyph unicode="À" horiz-adv-x="1585" d="M-80 0q103 171 366.5 672t354.5 694h516q196 -569 502 -1366h-455q-33 125 -129 393h-504l-180 -393h-471zM553 1751h416l104 -235h-317zM692 680h312l-127 391z" />
|
||||
<glyph unicode="Á" horiz-adv-x="1585" d="M-80 0q103 171 366.5 672t354.5 694h516q196 -569 502 -1366h-455q-33 125 -129 393h-504l-180 -393h-471zM686 1516l102 235h418l-202 -235h-318zM692 680h312l-127 391z" />
|
||||
<glyph unicode="Â" horiz-adv-x="1585" d="M-80 0q103 171 366.5 672t354.5 694h516q196 -569 502 -1366h-455q-33 125 -129 393h-504l-180 -393h-471zM567 1516l111 235h434l92 -235h-239l-68 106l-76 -106h-254zM692 680h312l-127 391z" />
|
||||
<glyph unicode="Ã" horiz-adv-x="1585" d="M-80 0q103 171 366.5 672t354.5 694h516q196 -569 502 -1366h-455q-33 125 -129 393h-504l-180 -393h-471zM567 1530q0 260 172 260q63 0 144 -51q7 -4 25.5 -14.5t26.5 -14.5t21.5 -10.5t24 -9t20.5 -2.5q52 0 56 73h176q0 -260 -172 -260q-35 0 -75 16t-69 35.5 t-62 35.5t-56 16q-52 0 -56 -74h-176zM692 680h312l-127 391z" />
|
||||
<glyph unicode="Ä" horiz-adv-x="1585" d="M-80 0q103 171 366.5 672t354.5 694h516q196 -569 502 -1366h-455q-33 125 -129 393h-504l-180 -393h-471zM561 1522l12 202h269l-8 -202h-273zM692 680h312l-127 391zM950 1522l13 202h268l-8 -202h-273z" />
|
||||
<glyph unicode="Å" horiz-adv-x="1585" d="M-80 0q103 171 366.5 672t354.5 694h516q196 -569 502 -1366h-455q-33 125 -129 393h-504l-180 -393h-471zM659 1665q0 87 65.5 146t170.5 59t170 -59t65 -146q0 -88 -65 -146.5t-170 -58.5t-170.5 59t-65.5 146zM692 680h312l-127 391zM821 1665q0 -32 19.5 -53 t56.5 -21q34 0 53 21t19 53t-19 53t-53 21q-37 0 -56.5 -21t-19.5 -53z" />
|
||||
<glyph unicode="Æ" horiz-adv-x="1964" d="M-80 0q91 166 301.5 580t386.5 786h1301l-19 -299q-141 6 -282 6h-363l47 -237h197q197 0 297 6l-19 -293h-426l48 -262q302 0 452 10l-16 -297h-795l-67 418h-402q-55 -102 -203 -418h-438zM668 676h276l-70 428h-4z" />
|
||||
<glyph unicode="Ç" horiz-adv-x="1376" d="M111 645q0 146 44 268.5t122.5 209.5t185.5 148t232.5 90.5t265.5 29.5q142 0 366 -37l14 -312q-208 50 -319 50q-124 0 -220 -40t-151 -105.5t-82.5 -141t-27.5 -156.5q0 -181 114.5 -278t296.5 -97q150 0 365 56l-53 -324q-215 -31 -381 -31q-73 0 -144.5 9t-149 30.5 t-145.5 55.5t-130 87t-106.5 121t-70.5 162t-26 205zM434 -371l211 269h326l-133 -269h-404z" />
|
||||
<glyph unicode="È" horiz-adv-x="1376" d="M137 0q70 630 70 1366h1114l-14 -305q-250 12 -373 12h-303l-15 -239h234q170 0 342 6l-21 -299h-573l-14 -248h135q259 0 553 16l-19 -309h-1116zM449 1751h415l105 -235h-318z" />
|
||||
<glyph unicode="É" horiz-adv-x="1376" d="M137 0q70 630 70 1366h1114l-14 -305q-250 12 -373 12h-303l-15 -239h234q170 0 342 6l-21 -299h-573l-14 -248h135q259 0 553 16l-19 -309h-1116zM551 1516l102 235h418l-203 -235h-317z" />
|
||||
<glyph unicode="Ê" horiz-adv-x="1376" d="M137 0q70 630 70 1366h1114l-14 -305q-250 12 -373 12h-303l-15 -239h234q170 0 342 6l-21 -299h-573l-14 -248h135q259 0 553 16l-19 -309h-1116zM432 1516l111 235h434l92 -235h-240l-67 106l-76 -106h-254z" />
|
||||
<glyph unicode="Ë" horiz-adv-x="1376" d="M137 0q70 630 70 1366h1114l-14 -305q-250 12 -373 12h-303l-15 -239h234q170 0 342 6l-21 -299h-573l-14 -248h135q259 0 553 16l-19 -309h-1116zM416 1522l12 202h268l-8 -202h-272zM805 1522l12 202h268l-8 -202h-272z" />
|
||||
<glyph unicode="Ì" horiz-adv-x="716" d="M98 1751h416l104 -235h-317zM137 0q1 20 13 195t15 222t11.5 200.5t11.5 244t6 230.5t3 274h444q-52 -637 -55 -1366h-449z" />
|
||||
<glyph unicode="Í" horiz-adv-x="716" d="M137 0q1 20 13 195t15 222t11.5 200.5t11.5 244t6 230.5t3 274h444q-52 -637 -55 -1366h-449zM221 1516l103 235h417l-202 -235h-318z" />
|
||||
<glyph unicode="Î" horiz-adv-x="716" d="M82 1516l111 235h434l92 -235h-240l-67 106l-76 -106h-254zM137 0q1 20 13 195t15 222t11.5 200.5t11.5 244t6 230.5t3 274h444q-52 -637 -55 -1366h-449z" />
|
||||
<glyph unicode="Ï" horiz-adv-x="716" d="M86 1522l12 202h269l-9 -202h-272zM137 0q1 20 13 195t15 222t11.5 200.5t11.5 244t6 230.5t3 274h444q-52 -637 -55 -1366h-449zM475 1522l12 202h269l-8 -202h-273z" />
|
||||
<glyph unicode="Ð" horiz-adv-x="1585" d="M18 565l21 269h149q13 247 13 532h729q106 0 194.5 -18t170.5 -63.5t138 -116t89.5 -182t33.5 -255.5q0 -118 -23 -217.5t-59 -169.5t-89 -127t-104 -92t-115 -60.5t-110 -37.5t-100 -18.5t-75 -7.5t-45 -1h-699q4 35 13 149.5t18.5 250t11.5 165.5h-162zM567 293h178 q97 0 171.5 34.5t119.5 95.5t67.5 140.5t22.5 173.5q0 91 -24 157.5t-66.5 104.5t-95.5 56t-117 18h-221l-12 -239h284l-20 -269h-272z" />
|
||||
<glyph unicode="Ñ" horiz-adv-x="1708" d="M137 0q21 172 45.5 628t24.5 738h512l483 -885h4q9 120 22 421t13 464h391q-14 -160 -43 -646t-33 -720h-499q-70 131 -242 421.5t-250 446.5h-4q-31 -635 -31 -868h-393zM588 1530q0 260 172 260q62 0 143 -51q6 -3 25.5 -14.5t27 -15t21.5 -10t24.5 -9t20.5 -2.5 q51 0 55 73h176q0 -260 -172 -260q-35 0 -75 16t-69 35.5t-62 35.5t-56 16q-51 0 -55 -74h-176z" />
|
||||
<glyph unicode="Ò" horiz-adv-x="1777" d="M111 643q0 163 51 294t134 214t195.5 138.5t229 78.5t240.5 23q127 0 242.5 -26t215.5 -81t173 -133.5t115 -190t42 -245.5q0 -146 -42 -267.5t-117.5 -208.5t-180 -146.5t-229 -88.5t-265.5 -29q-129 0 -245 24t-219 77t-178 130t-118.5 189t-43.5 248zM541 657 q0 -169 107 -276t276 -107q119 0 210.5 59.5t138 156.5t46.5 215q0 168 -103 277.5t-270 109.5q-183 0 -294 -124.5t-111 -310.5zM588 1751h416l104 -235h-317z" />
|
||||
<glyph unicode="Ó" horiz-adv-x="1777" d="M111 643q0 163 51 294t134 214t195.5 138.5t229 78.5t240.5 23q127 0 242.5 -26t215.5 -81t173 -133.5t115 -190t42 -245.5q0 -146 -42 -267.5t-117.5 -208.5t-180 -146.5t-229 -88.5t-265.5 -29q-129 0 -245 24t-219 77t-178 130t-118.5 189t-43.5 248zM541 657 q0 -169 107 -276t276 -107q119 0 210.5 59.5t138 156.5t46.5 215q0 168 -103 277.5t-270 109.5q-183 0 -294 -124.5t-111 -310.5zM752 1516l102 235h418l-203 -235h-317z" />
|
||||
<glyph unicode="Ô" horiz-adv-x="1777" d="M111 643q0 163 51 294t134 214t195.5 138.5t229 78.5t240.5 23q127 0 242.5 -26t215.5 -81t173 -133.5t115 -190t42 -245.5q0 -146 -42 -267.5t-117.5 -208.5t-180 -146.5t-229 -88.5t-265.5 -29q-129 0 -245 24t-219 77t-178 130t-118.5 189t-43.5 248zM541 657 q0 -169 107 -276t276 -107q119 0 210.5 59.5t138 156.5t46.5 215q0 168 -103 277.5t-270 109.5q-183 0 -294 -124.5t-111 -310.5zM612 1516l111 235h434l92 -235h-239l-68 106l-76 -106h-254z" />
|
||||
<glyph unicode="Õ" horiz-adv-x="1777" d="M111 643q0 163 51 294t134 214t195.5 138.5t229 78.5t240.5 23q127 0 242.5 -26t215.5 -81t173 -133.5t115 -190t42 -245.5q0 -146 -42 -267.5t-117.5 -208.5t-180 -146.5t-229 -88.5t-265.5 -29q-129 0 -245 24t-219 77t-178 130t-118.5 189t-43.5 248zM541 657 q0 -169 107 -276t276 -107q119 0 210.5 59.5t138 156.5t46.5 215q0 168 -103 277.5t-270 109.5q-183 0 -294 -124.5t-111 -310.5zM623 1530q0 260 172 260q62 0 143 -51q6 -3 25.5 -14.5t27 -15t21.5 -10t24.5 -9t20.5 -2.5q51 0 55 73h176q0 -260 -172 -260q-35 0 -75 16 t-69 35.5t-62 35.5t-56 16q-51 0 -55 -74h-176z" />
|
||||
<glyph unicode="Ö" horiz-adv-x="1777" d="M111 643q0 163 51 294t134 214t195.5 138.5t229 78.5t240.5 23q127 0 242.5 -26t215.5 -81t173 -133.5t115 -190t42 -245.5q0 -146 -42 -267.5t-117.5 -208.5t-180 -146.5t-229 -88.5t-265.5 -29q-129 0 -245 24t-219 77t-178 130t-118.5 189t-43.5 248zM541 657 q0 -169 107 -276t276 -107q119 0 210.5 59.5t138 156.5t46.5 215q0 168 -103 277.5t-270 109.5q-183 0 -294 -124.5t-111 -310.5zM616 1522l13 202h268l-8 -202h-273zM1006 1522l12 202h268l-8 -202h-272z" />
|
||||
<glyph unicode="×" d="M147 211q133 113 328 301q-211 220 -299 301l275 256q120 -139 284 -309q244 235 314 309l249 -256q-124 -106 -327 -301q211 -220 299 -301l-275 -256q-120 139 -284 309q-244 -235 -314 -309z" />
|
||||
<glyph unicode="Ø" horiz-adv-x="1777" d="M111 643q0 163 51 294t134 214t195.5 138.5t229 78.5t240.5 23q120 0 239 -29l107 170h350l-182 -281q274 -187 274 -536q0 -146 -42 -267.5t-117.5 -208.5t-180 -146.5t-229 -88.5t-265.5 -29q-172 0 -249 27l-103 -158h-350l172 269q-274 177 -274 530zM541 657 q0 -142 84 -245l432 665q-70 15 -111 15q-183 0 -294 -124.5t-111 -310.5zM799 293q81 -19 125 -19q119 0 210.5 59.5t138 156.5t46.5 215q0 84 -18.5 137.5t-61.5 115.5z" />
|
||||
<glyph unicode="Ù" horiz-adv-x="1619" d="M154 381q0 160 23.5 487t27.5 498h430q-5 -76 -18.5 -256.5t-23 -324t-9.5 -218.5q0 -293 231 -293q53 0 94 11.5t69.5 31.5t48.5 51.5t32 65.5t20 79.5t12 88.5t8 96q1 11 1 17q28 380 33 651h438q-54 -757 -62 -965q-2 -65 -26.5 -124.5t-78 -115.5t-131 -96.5 t-195.5 -65t-263 -24.5q-148 0 -265 24.5t-189.5 64t-120.5 93.5t-67 109t-19 115zM551 1751h416l104 -235h-317z" />
|
||||
<glyph unicode="Ú" horiz-adv-x="1619" d="M154 381q0 160 23.5 487t27.5 498h430q-5 -76 -18.5 -256.5t-23 -324t-9.5 -218.5q0 -293 231 -293q53 0 94 11.5t69.5 31.5t48.5 51.5t32 65.5t20 79.5t12 88.5t8 96q1 11 1 17q28 380 33 651h438q-54 -757 -62 -965q-2 -65 -26.5 -124.5t-78 -115.5t-131 -96.5 t-195.5 -65t-263 -24.5q-148 0 -265 24.5t-189.5 64t-120.5 93.5t-67 109t-19 115zM674 1516l102 235h418l-203 -235h-317z" />
|
||||
<glyph unicode="Û" horiz-adv-x="1619" d="M154 381q0 160 23.5 487t27.5 498h430q-5 -76 -18.5 -256.5t-23 -324t-9.5 -218.5q0 -293 231 -293q53 0 94 11.5t69.5 31.5t48.5 51.5t32 65.5t20 79.5t12 88.5t8 96q1 11 1 17q28 380 33 651h438q-54 -757 -62 -965q-2 -65 -26.5 -124.5t-78 -115.5t-131 -96.5 t-195.5 -65t-263 -24.5q-148 0 -265 24.5t-189.5 64t-120.5 93.5t-67 109t-19 115zM553 1516l111 235h434l92 -235h-240l-67 106l-76 -106h-254z" />
|
||||
<glyph unicode="Ü" horiz-adv-x="1619" d="M154 381q0 160 23.5 487t27.5 498h430q-5 -76 -18.5 -256.5t-23 -324t-9.5 -218.5q0 -293 231 -293q53 0 94 11.5t69.5 31.5t48.5 51.5t32 65.5t20 79.5t12 88.5t8 96q1 11 1 17q28 380 33 651h438q-54 -757 -62 -965q-2 -65 -26.5 -124.5t-78 -115.5t-131 -96.5 t-195.5 -65t-263 -24.5q-148 0 -265 24.5t-189.5 64t-120.5 93.5t-67 109t-19 115zM537 1522l12 202h268l-8 -202h-272zM926 1522l12 202h268l-8 -202h-272z" />
|
||||
<glyph unicode="Ý" horiz-adv-x="1320" d="M4 1366q78 -2 236 -2q157 0 235 2q34 -85 111.5 -246t109.5 -243q46 83 143.5 244.5t143.5 244.5q76 -2 227 -2q183 0 240 2q-39 -57 -140 -204.5t-154 -225t-132.5 -197.5t-144.5 -221q-17 -372 -19 -518q-37 0 -109 1t-108 1q-145 0 -219 -2q34 306 39 549 q-66 124 -138.5 253t-177.5 313t-143 251zM524 1516l103 235h417l-202 -235h-318z" />
|
||||
<glyph unicode="Þ" horiz-adv-x="1306" d="M137 0q18 163 39 623t21 743h393l-12 -190h344q96 0 169 -29t113.5 -71.5t66 -99t33 -101.5t7.5 -89q0 -142 -67 -248.5t-180 -161t-253 -54.5q-69 0 -137 12l-66 264q54 -8 84 -8q91 0 149 40.5t58 127.5q0 77 -42.5 104t-123.5 27q-36 0 -172 -8q-1 -81 -9.5 -349 t-8.5 -532h-406z" />
|
||||
<glyph unicode="ß" horiz-adv-x="1351" d="M125 0q17 133 41.5 567t40.5 514q8 44 28.5 84.5t63 82.5t102 73t153 50.5t208.5 19.5q70 0 127.5 -6.5t118.5 -26.5t102 -52.5t67.5 -89t26.5 -131.5q0 -157 -110 -219q-15 -9 -40.5 -21t-38.5 -18.5t-23.5 -19t-10.5 -27.5q0 -23 19 -45.5t49.5 -43.5t67.5 -44.5 t74 -55t67.5 -68.5t49.5 -90.5t19 -115.5q0 -107 -57 -186.5t-145.5 -117.5t-194.5 -38q-112 0 -260 31l-23 289q102 -27 160 -27q55 0 93 28.5t38 82.5q0 33 -20.5 69t-41.5 57.5t-55 51.5q-5 4 -22 18t-21.5 18t-18.5 16t-18 17.5t-14.5 17.5t-14 20t-10 21t-8.5 25t-4 27 t-2 31q0 72 23 103.5t65 48.5q4 2 15.5 7t16 7.5t14 8t13.5 9.5t10.5 12t9.5 16.5t5 20t2 25.5q0 54 -31 80.5t-86 26.5q-134 0 -155 -134q-16 -97 -36 -461.5t-24 -537.5h-405z" />
|
||||
<glyph unicode="à" horiz-adv-x="1247" d="M78 268q0 88 38.5 152.5t100 100.5t136 60.5t149 39t136 29t100 38.5t38.5 60q0 81 -127 81q-167 0 -428 -96l41 250q280 64 483 64q119 0 203.5 -19.5t134 -57t71.5 -87t22 -115.5q0 -6 -17.5 -326t-17.5 -442h-393q12 113 30 457q-23 -16 -80 -34t-105 -32t-87 -44.5 t-39 -72.5q0 -43 32.5 -62t80.5 -19q56 0 108 18l-67 -223q-89 -13 -164 -13q-77 0 -139 15.5t-100.5 38t-67 55t-42 59.5t-21 57.5t-8.5 43.5t-1 24zM385 1448h416l104 -236h-317z" />
|
||||
<glyph unicode="á" horiz-adv-x="1247" d="M78 268q0 88 38.5 152.5t100 100.5t136 60.5t149 39t136 29t100 38.5t38.5 60q0 81 -127 81q-167 0 -428 -96l41 250q280 64 483 64q119 0 203.5 -19.5t134 -57t71.5 -87t22 -115.5q0 -6 -17.5 -326t-17.5 -442h-393q12 113 30 457q-23 -16 -80 -34t-105 -32t-87 -44.5 t-39 -72.5q0 -43 32.5 -62t80.5 -19q56 0 108 18l-67 -223q-89 -13 -164 -13q-77 0 -139 15.5t-100.5 38t-67 55t-42 59.5t-21 57.5t-8.5 43.5t-1 24zM487 1212l103 236h418l-203 -236h-318z" />
|
||||
<glyph unicode="â" horiz-adv-x="1247" d="M78 268q0 88 38.5 152.5t100 100.5t136 60.5t149 39t136 29t100 38.5t38.5 60q0 81 -127 81q-167 0 -428 -96l41 250q280 64 483 64q119 0 203.5 -19.5t134 -57t71.5 -87t22 -115.5q0 -6 -17.5 -326t-17.5 -442h-393q12 113 30 457q-23 -16 -80 -34t-105 -32t-87 -44.5 t-39 -72.5q0 -43 32.5 -62t80.5 -19q56 0 108 18l-67 -223q-89 -13 -164 -13q-77 0 -139 15.5t-100.5 38t-67 55t-42 59.5t-21 57.5t-8.5 43.5t-1 24zM387 1212l111 236h434l92 -236h-240l-67 107l-76 -107h-254z" />
|
||||
<glyph unicode="ã" horiz-adv-x="1247" d="M78 268q0 88 38.5 152.5t100 100.5t136 60.5t149 39t136 29t100 38.5t38.5 60q0 81 -127 81q-167 0 -428 -96l41 250q280 64 483 64q119 0 203.5 -19.5t134 -57t71.5 -87t22 -115.5q0 -6 -17.5 -326t-17.5 -442h-393q12 113 30 457q-23 -16 -80 -34t-105 -32t-87 -44.5 t-39 -72.5q0 -43 32.5 -62t80.5 -19q56 0 108 18l-67 -223q-89 -13 -164 -13q-77 0 -139 15.5t-100.5 38t-67 55t-42 59.5t-21 57.5t-8.5 43.5t-1 24zM377 1227q0 260 172 260q62 0 143 -51q8 -4 25.5 -14.5t26.5 -15t22.5 -11t24 -9t20.5 -2.5q51 0 55 74h176 q0 -260 -172 -260q-44 0 -95 25.5t-95 51t-72 25.5q-51 0 -55 -73h-176z" />
|
||||
<glyph unicode="ä" horiz-adv-x="1247" d="M78 268q0 88 38.5 152.5t100 100.5t136 60.5t149 39t136 29t100 38.5t38.5 60q0 81 -127 81q-167 0 -428 -96l41 250q280 64 483 64q119 0 203.5 -19.5t134 -57t71.5 -87t22 -115.5q0 -6 -17.5 -326t-17.5 -442h-393q12 113 30 457q-23 -16 -80 -34t-105 -32t-87 -44.5 t-39 -72.5q0 -43 32.5 -62t80.5 -19q56 0 108 18l-67 -223q-89 -13 -164 -13q-77 0 -139 15.5t-100.5 38t-67 55t-42 59.5t-21 57.5t-8.5 43.5t-1 24zM371 1239l12 203h268l-8 -203h-272zM760 1239l12 203h268l-8 -203h-272z" />
|
||||
<glyph unicode="å" horiz-adv-x="1247" d="M78 268q0 88 38.5 152.5t100 100.5t136 60.5t149 39t136 29t100 38.5t38.5 60q0 81 -127 81q-167 0 -428 -96l41 250q280 64 483 64q119 0 203.5 -19.5t134 -57t71.5 -87t22 -115.5q0 -6 -17.5 -326t-17.5 -442h-393q12 113 30 457q-23 -16 -80 -34t-105 -32t-87 -44.5 t-39 -72.5q0 -43 32.5 -62t80.5 -19q56 0 108 18l-67 -223q-89 -13 -164 -13q-77 0 -139 15.5t-100.5 38t-67 55t-42 59.5t-21 57.5t-8.5 43.5t-1 24zM471 1341q0 87 65.5 146t170.5 59t170 -59t65 -146q0 -88 -65 -146t-170 -58t-170.5 58.5t-65.5 145.5zM633 1341 q0 -32 19.5 -52.5t56.5 -20.5q34 0 52.5 20.5t18.5 52.5t-18.5 53t-52.5 21q-37 0 -56.5 -21t-19.5 -53z" />
|
||||
<glyph unicode="æ" horiz-adv-x="1822" d="M78 268q0 84 37.5 147.5t97 100t132 62.5t145 43t132 33t97 40t37.5 58q0 77 -111 77q-167 0 -428 -96l41 250q280 64 483 64q71 0 147 -22.5t128 -82.5q130 105 287 105q245 0 377 -114.5t132 -328.5q0 -82 -14 -153h-694q0 -112 73 -165t185 -53q56 0 125 11.5 t112.5 23t120.5 33.5l-49 -287q-183 -39 -356 -39q-160 0 -284.5 49t-204.5 158t-89 269q-19 -17 -66 -36t-88 -34t-73 -42.5t-31 -62.5q0 -42 31 -62.5t76 -20.5q43 0 119 26l-58 -223q-80 -21 -190 -21q-77 0 -139 15.5t-100.5 38t-67 55t-42 59.5t-21 57.5t-8.5 43.5 t-1 24zM1106 637h330q0 180 -148 180q-78 0 -126 -53.5t-56 -126.5z" />
|
||||
<glyph unicode="ç" horiz-adv-x="1040" d="M96 494q0 32 2.5 65.5t15 91t33.5 107.5t62 105t96.5 94t141.5 64.5t192 25.5q196 0 346 -39l19 -303q-142 49 -261 49q-120 0 -189 -66.5t-69 -185.5q0 -115 60 -174.5t176 -59.5q119 0 254 49l-49 -305q-148 -37 -305 -37q-252 0 -388.5 133.5t-136.5 385.5zM225 -371 l211 269h326l-133 -269h-404z" />
|
||||
<glyph unicode="è" horiz-adv-x="1214" d="M96 477q0 31 3.5 66.5t18 93.5t38 110.5t68.5 109t104.5 97t151.5 67t204 26.5q252 0 386 -114.5t134 -328.5q0 -82 -14 -153h-705q0 -58 22.5 -101.5t61.5 -68t85.5 -36.5t99.5 -12q56 0 125 11.5t112.5 23t120.5 33.5l-49 -287q-183 -39 -356 -39q-104 0 -189.5 13 t-166 48t-135 90t-87.5 144.5t-33 206.5zM369 1448h415l105 -236h-318zM498 637h329q0 180 -147 180q-78 0 -126 -53.5t-56 -126.5z" />
|
||||
<glyph unicode="é" horiz-adv-x="1214" d="M96 477q0 31 3.5 66.5t18 93.5t38 110.5t68.5 109t104.5 97t151.5 67t204 26.5q252 0 386 -114.5t134 -328.5q0 -82 -14 -153h-705q0 -58 22.5 -101.5t61.5 -68t85.5 -36.5t99.5 -12q56 0 125 11.5t112.5 23t120.5 33.5l-49 -287q-183 -39 -356 -39q-104 0 -189.5 13 t-166 48t-135 90t-87.5 144.5t-33 206.5zM471 1212l102 236h418l-203 -236h-317zM498 637h329q0 180 -147 180q-78 0 -126 -53.5t-56 -126.5z" />
|
||||
<glyph unicode="ê" horiz-adv-x="1214" d="M96 477q0 31 3.5 66.5t18 93.5t38 110.5t68.5 109t104.5 97t151.5 67t204 26.5q252 0 386 -114.5t134 -328.5q0 -82 -14 -153h-705q0 -58 22.5 -101.5t61.5 -68t85.5 -36.5t99.5 -12q56 0 125 11.5t112.5 23t120.5 33.5l-49 -287q-183 -39 -356 -39q-104 0 -189.5 13 t-166 48t-135 90t-87.5 144.5t-33 206.5zM350 1212l111 236h434l92 -236h-239l-68 107l-76 -107h-254zM498 637h329q0 180 -147 180q-78 0 -126 -53.5t-56 -126.5z" />
|
||||
<glyph unicode="ë" horiz-adv-x="1214" d="M96 477q0 31 3.5 66.5t18 93.5t38 110.5t68.5 109t104.5 97t151.5 67t204 26.5q252 0 386 -114.5t134 -328.5q0 -82 -14 -153h-705q0 -58 22.5 -101.5t61.5 -68t85.5 -36.5t99.5 -12q56 0 125 11.5t112.5 23t120.5 33.5l-49 -287q-183 -39 -356 -39q-104 0 -189.5 13 t-166 48t-135 90t-87.5 144.5t-33 206.5zM334 1239l12 203h268l-8 -203h-272zM498 637h329q0 180 -147 180q-78 0 -126 -53.5t-56 -126.5zM723 1239l12 203h269l-9 -203h-272z" />
|
||||
<glyph unicode="ì" horiz-adv-x="651" d="M66 1448h415l105 -236h-318zM125 0q47 415 53 1022h410q-37 -359 -37 -1022h-426z" />
|
||||
<glyph unicode="í" horiz-adv-x="651" d="M125 0q47 415 53 1022h410q-37 -359 -37 -1022h-426zM188 1212l103 236h418l-203 -236h-318z" />
|
||||
<glyph unicode="î" horiz-adv-x="651" d="M49 1212l111 236h434l92 -236h-240l-67 107l-76 -107h-254zM125 0q47 415 53 1022h410q-37 -359 -37 -1022h-426z" />
|
||||
<glyph unicode="ï" horiz-adv-x="651" d="M53 1239l13 203h268l-8 -203h-273zM125 0q47 415 53 1022h410q-37 -359 -37 -1022h-426zM442 1239l13 203h268l-8 -203h-273z" />
|
||||
<glyph unicode="ð" horiz-adv-x="1333" d="M96 487q0 236 150.5 387.5t384.5 151.5q87 0 168 -29h4q-20 41 -67 85t-85 63l-194 -68l-152 72l191 70q-11 5 -140 49l318 110q112 -32 137 -43l188 70l170 -82l-190 -66q87 -51 152.5 -129t102 -166.5t54 -175.5t17.5 -172q0 -143 -37.5 -259t-111.5 -201.5t-191 -132 t-269 -46.5q-105 0 -193 20t-148.5 53t-107.5 78.5t-75 92t-45.5 97.5t-24 92t-6.5 79zM498 492q0 -96 48.5 -163t143.5 -67q73 0 123 42.5t70 102t20 128.5q0 98 -48 161.5t-142 63.5q-106 0 -160.5 -78.5t-54.5 -189.5z" />
|
||||
<glyph unicode="ñ" horiz-adv-x="1406" d="M125 0q50 415 61 1022h400l-11 -133l5 -4q69 87 163.5 124.5t219.5 37.5q80 0 144 -16.5t117.5 -52.5t83 -101t29.5 -156q0 -2 -14 -285t-14 -436h-404q3 40 12.5 164t14 207.5t4.5 163.5q0 192 -150 192q-75 0 -127 -46t-75 -122q-16 -51 -27 -152t-15.5 -182t-9.5 -225 h-407zM436 1227q0 260 172 260q63 0 144 -51q7 -4 31 -18t33 -18.5t25.5 -10t28.5 -5.5q52 0 56 74h176q0 -260 -172 -260q-44 0 -95 25.5t-95 51t-72 25.5q-52 0 -56 -73h-176z" />
|
||||
<glyph unicode="ò" horiz-adv-x="1333" d="M96 487q0 132 48.5 239t133 176.5t196.5 107t241 37.5q121 0 227 -33t187.5 -96t128.5 -163t47 -225q0 -133 -46.5 -239t-129 -174.5t-193 -105t-240.5 -36.5q-105 0 -193 20t-148.5 53t-107.5 78.5t-75 92t-45.5 97.5t-24 92t-6.5 79zM387 1448h416l104 -236h-317z M498 492q0 -96 48.5 -163t143.5 -67q73 0 123 42.5t70 102t20 128.5q0 98 -48 161.5t-142 63.5q-106 0 -160.5 -78.5t-54.5 -189.5z" />
|
||||
<glyph unicode="ó" horiz-adv-x="1333" d="M96 487q0 132 48.5 239t133 176.5t196.5 107t241 37.5q121 0 227 -33t187.5 -96t128.5 -163t47 -225q0 -133 -46.5 -239t-129 -174.5t-193 -105t-240.5 -36.5q-105 0 -193 20t-148.5 53t-107.5 78.5t-75 92t-45.5 97.5t-24 92t-6.5 79zM498 492q0 -96 48.5 -163 t143.5 -67q73 0 123 42.5t70 102t20 128.5q0 98 -48 161.5t-142 63.5q-106 0 -160.5 -78.5t-54.5 -189.5zM530 1212l103 236h418l-203 -236h-318z" />
|
||||
<glyph unicode="ô" horiz-adv-x="1333" d="M96 487q0 132 48.5 239t133 176.5t196.5 107t241 37.5q121 0 227 -33t187.5 -96t128.5 -163t47 -225q0 -133 -46.5 -239t-129 -174.5t-193 -105t-240.5 -36.5q-105 0 -193 20t-148.5 53t-107.5 78.5t-75 92t-45.5 97.5t-24 92t-6.5 79zM389 1212l111 236h434l92 -236 h-240l-67 107l-76 -107h-254zM498 492q0 -96 48.5 -163t143.5 -67q73 0 123 42.5t70 102t20 128.5q0 98 -48 161.5t-142 63.5q-106 0 -160.5 -78.5t-54.5 -189.5z" />
|
||||
<glyph unicode="õ" horiz-adv-x="1333" d="M96 487q0 132 48.5 239t133 176.5t196.5 107t241 37.5q121 0 227 -33t187.5 -96t128.5 -163t47 -225q0 -133 -46.5 -239t-129 -174.5t-193 -105t-240.5 -36.5q-105 0 -193 20t-148.5 53t-107.5 78.5t-75 92t-45.5 97.5t-24 92t-6.5 79zM399 1227q0 260 172 260 q63 0 144 -51q8 -4 25.5 -14.5t26.5 -15t22.5 -11t24 -9t20.5 -2.5q51 0 55 74h176q0 -260 -172 -260q-44 0 -95 25.5t-95 51t-72 25.5q-52 0 -56 -73h-176zM498 492q0 -96 48.5 -163t143.5 -67q73 0 123 42.5t70 102t20 128.5q0 98 -48 161.5t-142 63.5 q-106 0 -160.5 -78.5t-54.5 -189.5z" />
|
||||
<glyph unicode="ö" horiz-adv-x="1333" d="M96 487q0 132 48.5 239t133 176.5t196.5 107t241 37.5q121 0 227 -33t187.5 -96t128.5 -163t47 -225q0 -133 -46.5 -239t-129 -174.5t-193 -105t-240.5 -36.5q-105 0 -193 20t-148.5 53t-107.5 78.5t-75 92t-45.5 97.5t-24 92t-6.5 79zM362 1239l13 203h268l-8 -203h-273 zM498 492q0 -96 48.5 -163t143.5 -67q73 0 123 42.5t70 102t20 128.5q0 98 -48 161.5t-142 63.5q-106 0 -160.5 -78.5t-54.5 -189.5zM752 1239l12 203h268l-8 -203h-272z" />
|
||||
<glyph unicode="÷" d="M143 334l17 356h1106l-17 -356h-1106zM483 -35l13 287h393l-12 -287h-394zM520 772l12 287h394l-13 -287h-393z" />
|
||||
<glyph unicode="ø" horiz-adv-x="1333" d="M96 487q0 132 48.5 239t133 176.5t196.5 107t241 37.5q71 0 125 -11l61 105h328l-121 -207q197 -137 197 -404q0 -133 -46.5 -239t-129 -174.5t-193 -105t-240.5 -36.5q-60 0 -139 11l-59 -103h-328l121 207q-56 42 -96.5 97t-60.5 110t-29 101.5t-9 88.5zM498 492 q0 -96 48.5 -163t143.5 -67q73 0 123 42.5t70 102t20 128.5q0 98 -48 161.5t-142 63.5q-106 0 -160.5 -78.5t-54.5 -189.5z" />
|
||||
<glyph unicode="ù" horiz-adv-x="1359" d="M141 287q0 16 18.5 316t18.5 419h402q-3 -70 -20 -257t-17 -288q0 -182 145 -182q73 0 119.5 49t62.5 125q5 21 9 50t7 55t6 68.5t4.5 68.5t3.5 78.5t2.5 75t2.5 82t2 75.5h398q-45 -462 -58 -1022h-377v131l-4 4q-109 -160 -358 -160q-367 0 -367 312zM440 1448h416 l105 -236h-318z" />
|
||||
<glyph unicode="ú" horiz-adv-x="1359" d="M141 287q0 16 18.5 316t18.5 419h402q-3 -70 -20 -257t-17 -288q0 -182 145 -182q73 0 119.5 49t62.5 125q5 21 9 50t7 55t6 68.5t4.5 68.5t3.5 78.5t2.5 75t2.5 82t2 75.5h398q-45 -462 -58 -1022h-377v131l-4 4q-109 -160 -358 -160q-367 0 -367 312zM543 1212l102 236 h418l-203 -236h-317z" />
|
||||
<glyph unicode="û" horiz-adv-x="1359" d="M141 287q0 16 18.5 316t18.5 419h402q-3 -70 -20 -257t-17 -288q0 -182 145 -182q73 0 119.5 49t62.5 125q5 21 9 50t7 55t6 68.5t4.5 68.5t3.5 78.5t2.5 75t2.5 82t2 75.5h398q-45 -462 -58 -1022h-377v131l-4 4q-109 -160 -358 -160q-367 0 -367 312zM403 1212l111 236 h434l92 -236h-239l-68 107l-76 -107h-254z" />
|
||||
<glyph unicode="ü" horiz-adv-x="1359" d="M141 287q0 16 18.5 316t18.5 419h402q-3 -70 -20 -257t-17 -288q0 -182 145 -182q73 0 119.5 49t62.5 125q5 21 9 50t7 55t6 68.5t4.5 68.5t3.5 78.5t2.5 75t2.5 82t2 75.5h398q-45 -462 -58 -1022h-377v131l-4 4q-109 -160 -358 -160q-367 0 -367 312zM408 1239l12 203 h268l-8 -203h-272zM797 1239l12 203h268l-8 -203h-272z" />
|
||||
<glyph unicode="ý" horiz-adv-x="1220" d="M-12 -164q105 -43 194 -43q167 0 219 187l-350 1042h398q19 -75 60.5 -223.5t68.5 -263.5t40 -218h5q21 82 54.5 181.5t56.5 162.5t72 190t66 171h388l-494 -1135q-24 -55 -41 -90t-43 -79t-51 -70.5t-61 -54.5t-77.5 -43t-97 -25t-121.5 -10q-117 0 -245 28zM473 1212 l102 236h418l-202 -236h-318z" />
|
||||
<glyph unicode="þ" horiz-adv-x="1355" d="M102 -467q34 387 61.5 936t24.5 897h408q-20 -137 -31 -344q64 12 121 18q68 7 121 7q66 0 131.5 -13.5t137.5 -51.5t126 -95.5t89.5 -154.5t35.5 -220q0 -80 -17 -157t-53 -146t-87 -121t-124 -82.5t-159 -30.5q-206 0 -363 127q-2 -51 -6.5 -177t-7 -217t-2.5 -175 h-406zM541 508q0 -64 19 -119.5t65 -95t112 -39.5q52 0 92 25t63 66t34.5 87t11.5 94q0 113 -58 177.5t-169 64.5q-56 0 -150 -23q-20 -130 -20 -237z" />
|
||||
<glyph unicode="ÿ" horiz-adv-x="1220" d="M-12 -164q105 -43 194 -43q167 0 219 187l-350 1042h398q19 -75 60.5 -223.5t68.5 -263.5t40 -218h5q21 82 54.5 181.5t56.5 162.5t72 190t66 171h388l-494 -1135q-24 -55 -41 -90t-43 -79t-51 -70.5t-61 -54.5t-77.5 -43t-97 -25t-121.5 -10q-117 0 -245 28zM338 1239 l12 203h268l-8 -203h-272zM727 1239l12 203h269l-9 -203h-272z" />
|
||||
<glyph unicode="Œ" horiz-adv-x="2207" d="M111 672q0 107 26 206t86 191.5t149 160.5t224 109t301 41q15 0 168 -6q98 -8 156 -8h931l-14 -299q-138 6 -274 6h-314l-10 -239q330 0 494 6l-13 -299h-495l-10 -248h163q260 0 422 14l-2 -307h-870q-38 0 -215 -6q-114 -8 -178 -8q-156 0 -281 39.5t-206.5 105 t-136 155t-78 185.5t-23.5 201zM541 655q0 -181 103.5 -275.5t287.5 -94.5q25 0 54.5 2t65 5.5t54.5 4.5l33 772q-82 12 -197 12q-188 0 -294.5 -116.5t-106.5 -309.5z" />
|
||||
<glyph unicode="œ" horiz-adv-x="1998" d="M96 487q0 132 48.5 239t133 176.5t196.5 107t241 37.5q98 0 205 -44t184 -129q71 86 170 129.5t205 43.5q245 0 377.5 -115t132.5 -328q0 -76 -15 -153h-694q0 -76 40 -127t98 -71t130 -20q56 0 125 11.5t113 23t121 33.5l-49 -287q-183 -39 -357 -39q-305 0 -428 158 q-98 -83 -187.5 -120.5t-189.5 -37.5q-105 0 -193 20t-148.5 53t-107.5 78.5t-75 92t-45.5 97.5t-24 92t-6.5 79zM498 492q0 -96 48.5 -163t143.5 -67q73 0 123 42.5t70 102t20 128.5q0 98 -48 161.5t-142 63.5q-106 0 -160.5 -78.5t-54.5 -189.5zM1282 637h330 q0 180 -148 180q-78 0 -126 -53.5t-56 -126.5z" />
|
||||
<glyph unicode="Ÿ" horiz-adv-x="1320" d="M4 1366q78 -2 236 -2q157 0 235 2q34 -85 111.5 -246t109.5 -243q46 83 143.5 244.5t143.5 244.5q76 -2 227 -2q183 0 240 2q-39 -57 -140 -204.5t-154 -225t-132.5 -197.5t-144.5 -221q-17 -372 -19 -518q-37 0 -109 1t-108 1q-145 0 -219 -2q34 306 39 549 q-66 124 -138.5 253t-177.5 313t-143 251zM387 1522l12 202h269l-9 -202h-272zM776 1522l12 202h269l-8 -202h-273z" />
|
||||
<glyph unicode="ˆ" horiz-adv-x="899" d="M193 1212l110 236h434l92 -236h-239l-68 107l-76 -107h-253z" />
|
||||
<glyph unicode="˜" horiz-adv-x="919" d="M193 1227q0 260 172 260q62 0 143 -51q8 -4 25.5 -14.5t26.5 -15t22.5 -11t24 -9t20.5 -2.5q51 0 55 74h176q0 -260 -172 -260q-44 0 -95 25.5t-95 51t-72 25.5q-51 0 -55 -73h-176z" />
|
||||
<glyph unicode=" " horiz-adv-x="935" />
|
||||
<glyph unicode=" " horiz-adv-x="1870" />
|
||||
<glyph unicode=" " horiz-adv-x="935" />
|
||||
<glyph unicode=" " horiz-adv-x="1870" />
|
||||
<glyph unicode=" " horiz-adv-x="623" />
|
||||
<glyph unicode=" " horiz-adv-x="467" />
|
||||
<glyph unicode=" " horiz-adv-x="311" />
|
||||
<glyph unicode=" " horiz-adv-x="311" />
|
||||
<glyph unicode=" " horiz-adv-x="233" />
|
||||
<glyph unicode=" " horiz-adv-x="374" />
|
||||
<glyph unicode=" " horiz-adv-x="103" />
|
||||
<glyph unicode="‐" horiz-adv-x="561" d="M27 387l12 279h551l-12 -279h-551z" />
|
||||
<glyph unicode="‑" horiz-adv-x="561" d="M27 387l12 279h551l-12 -279h-551z" />
|
||||
<glyph unicode="‒" horiz-adv-x="561" d="M27 387l12 279h551l-12 -279h-551z" />
|
||||
<glyph unicode="–" horiz-adv-x="1024" d="M25 387l12 279h1024l-12 -279h-1024z" />
|
||||
<glyph unicode="—" horiz-adv-x="2048" d="M25 387l12 279h2048l-12 -279h-2048z" />
|
||||
<glyph unicode="‘" horiz-adv-x="460" d="M100 977q195 323 232 389h190l-127 -389h-295z" />
|
||||
<glyph unicode="’" horiz-adv-x="460" d="M111 977l125 389h296q-202 -333 -233 -389h-188z" />
|
||||
<glyph unicode="‚" horiz-adv-x="460" d="M20 -154l125 390h297q-193 -319 -233 -390h-189z" />
|
||||
<glyph unicode="“" horiz-adv-x="880" d="M100 977q195 323 232 389h190l-127 -389h-295zM520 977q195 323 232 389h190l-127 -389h-295z" />
|
||||
<glyph unicode="”" horiz-adv-x="880" d="M111 977l125 389h296q-202 -333 -233 -389h-188zM530 977l125 389h297q-202 -333 -233 -389h-189z" />
|
||||
<glyph unicode="„" horiz-adv-x="880" d="M20 -154l125 390h297q-193 -319 -233 -390h-189zM440 -154l125 390h297q-193 -319 -233 -390h-189z" />
|
||||
<glyph unicode="•" d="M330 328q32 309 39 716h729q-39 -374 -39 -716h-729z" />
|
||||
<glyph unicode="…" horiz-adv-x="2048" d="M147 0l15 356h379l-19 -356h-375zM829 0l15 356h379l-19 -356h-375zM1511 0l15 356h379l-19 -356h-375z" />
|
||||
<glyph unicode=" " horiz-adv-x="374" />
|
||||
<glyph unicode="‹" horiz-adv-x="643" d="M145 510l195 340h264l-153 -340l131 -342h-256z" />
|
||||
<glyph unicode="›" horiz-adv-x="643" d="M98 168l156 342l-127 340h266l168 -340l-209 -342h-254z" />
|
||||
<glyph unicode=" " horiz-adv-x="467" />
|
||||
<glyph unicode="™" horiz-adv-x="2048" d="M37 1147l10 219h832l-11 -219q-133 10 -252 10q-18 -294 -24 -600h-324q19 217 35 600q-113 0 -266 -10zM901 557q29 311 62 809h368l137 -496h5l192 496h383q-16 -432 -16 -809h-273q10 188 19 518h-4l-209 -518h-240l-139 518h-4q-27 -229 -43 -518h-238z" />
|
||||
<glyph unicode="◼" horiz-adv-x="1024" d="M0 0v1024h1024v-1024h-1024z" />
|
||||
<glyph unicode="fi" horiz-adv-x="1511" d="M98 754l15 268h141v117q0 140 79 214t263 74q147 0 287 -41l12 -262q-100 35 -178 35q-62 0 -88 -31.5t-25 -105.5h230l-15 -268h-211q-22 -405 -33 -754h-401q16 167 47 754h-123zM985 0q47 415 53 1022h410q-37 -359 -37 -1022h-426zM1049 1149l4 242h397l-10 -242 h-391z" />
|
||||
<glyph unicode="fl" horiz-adv-x="1511" d="M98 754l15 268h141v117q0 140 79 214t263 74q147 0 287 -41l12 -262q-100 35 -178 35q-62 0 -88 -31.5t-25 -105.5h230l-15 -268h-211q-22 -405 -33 -754h-401q16 167 47 754h-123zM985 0q55 641 74 1366h407q-18 -180 -43.5 -643.5t-29.5 -722.5h-408z" />
|
||||
<hkern u1="A" u2="’" k="154" />
|
||||
<hkern u1="A" u2="y" k="20" />
|
||||
<hkern u1="A" u2="w" k="20" />
|
||||
<hkern u1="A" u2="v" k="31" />
|
||||
<hkern u1="A" u2="Y" k="92" />
|
||||
<hkern u1="A" u2="W" k="-31" />
|
||||
<hkern u1="A" u2="V" k="41" />
|
||||
<hkern u1="A" u2="T" k="82" />
|
||||
<hkern u1="F" u2="A" k="143" />
|
||||
<hkern u1="F" u2="." k="440" />
|
||||
<hkern u1="F" u2="," k="440" />
|
||||
<hkern u1="L" u2="’" k="236" />
|
||||
<hkern u1="L" u2="y" k="31" />
|
||||
<hkern u1="L" u2="Y" k="123" />
|
||||
<hkern u1="L" u2="W" k="123" />
|
||||
<hkern u1="L" u2="V" k="102" />
|
||||
<hkern u1="L" u2="T" k="164" />
|
||||
<hkern u1="P" u2="A" k="143" />
|
||||
<hkern u1="P" u2="." k="461" />
|
||||
<hkern u1="P" u2="," k="461" />
|
||||
<hkern u1="R" u2="y" k="-20" />
|
||||
<hkern u1="R" u2="Y" k="-20" />
|
||||
<hkern u1="R" u2="W" k="-31" />
|
||||
<hkern u1="R" u2="V" k="-20" />
|
||||
<hkern u1="T" u2="y" k="113" />
|
||||
<hkern u1="T" u2="w" k="113" />
|
||||
<hkern u1="T" u2="u" k="164" />
|
||||
<hkern u1="T" u2="s" k="195" />
|
||||
<hkern u1="T" u2="r" k="164" />
|
||||
<hkern u1="T" u2="o" k="164" />
|
||||
<hkern u1="T" u2="i" k="51" />
|
||||
<hkern u1="T" u2="e" k="164" />
|
||||
<hkern u1="T" u2="c" k="164" />
|
||||
<hkern u1="T" u2="a" k="164" />
|
||||
<hkern u1="T" u2="A" k="133" />
|
||||
<hkern u1="T" u2=";" k="154" />
|
||||
<hkern u1="T" u2=":" k="154" />
|
||||
<hkern u1="T" u2="." k="246" />
|
||||
<hkern u1="T" u2="-" k="164" />
|
||||
<hkern u1="T" u2="," k="246" />
|
||||
<hkern u1="V" u2="u" k="82" />
|
||||
<hkern u1="V" u2="r" k="82" />
|
||||
<hkern u1="V" u2="o" k="123" />
|
||||
<hkern u1="V" u2="i" k="20" />
|
||||
<hkern u1="V" u2="e" k="123" />
|
||||
<hkern u1="V" u2="a" k="92" />
|
||||
<hkern u1="V" u2="A" k="113" />
|
||||
<hkern u1="V" u2=";" k="102" />
|
||||
<hkern u1="V" u2=":" k="102" />
|
||||
<hkern u1="V" u2="." k="358" />
|
||||
<hkern u1="V" u2="-" k="61" />
|
||||
<hkern u1="V" u2="," k="358" />
|
||||
<hkern u1="W" u2="u" k="41" />
|
||||
<hkern u1="W" u2="r" k="31" />
|
||||
<hkern u1="W" u2="o" k="51" />
|
||||
<hkern u1="W" u2="i" k="-20" />
|
||||
<hkern u1="W" u2="e" k="51" />
|
||||
<hkern u1="W" u2="a" k="51" />
|
||||
<hkern u1="W" u2="A" k="-20" />
|
||||
<hkern u1="W" u2=";" k="61" />
|
||||
<hkern u1="W" u2=":" k="61" />
|
||||
<hkern u1="W" u2="." k="205" />
|
||||
<hkern u1="W" u2="-" k="20" />
|
||||
<hkern u1="W" u2="," k="205" />
|
||||
<hkern u1="Y" u2="v" k="61" />
|
||||
<hkern u1="Y" u2="u" k="133" />
|
||||
<hkern u1="Y" u2="q" k="184" />
|
||||
<hkern u1="Y" u2="p" k="123" />
|
||||
<hkern u1="Y" u2="o" k="184" />
|
||||
<hkern u1="Y" u2="i" k="31" />
|
||||
<hkern u1="Y" u2="e" k="164" />
|
||||
<hkern u1="Y" u2="a" k="164" />
|
||||
<hkern u1="Y" u2="A" k="82" />
|
||||
<hkern u1="Y" u2=";" k="154" />
|
||||
<hkern u1="Y" u2=":" k="154" />
|
||||
<hkern u1="Y" u2="." k="307" />
|
||||
<hkern u1="Y" u2="-" k="143" />
|
||||
<hkern u1="Y" u2="," k="307" />
|
||||
<hkern u1="f" u2="’" k="-41" />
|
||||
<hkern u1="r" u2="y" k="-20" />
|
||||
<hkern u1="r" u2="w" k="-20" />
|
||||
<hkern u1="r" u2="v" k="-20" />
|
||||
<hkern u1="r" u2="q" k="61" />
|
||||
<hkern u1="r" u2="o" k="61" />
|
||||
<hkern u1="r" u2="g" k="61" />
|
||||
<hkern u1="r" u2="e" k="61" />
|
||||
<hkern u1="r" u2="d" k="61" />
|
||||
<hkern u1="r" u2="c" k="61" />
|
||||
<hkern u1="r" u2="." k="256" />
|
||||
<hkern u1="r" u2="-" k="82" />
|
||||
<hkern u1="r" u2="," k="256" />
|
||||
<hkern u1="v" u2="." k="205" />
|
||||
<hkern u1="v" u2="," k="205" />
|
||||
<hkern u1="w" u2="." k="184" />
|
||||
<hkern u1="w" u2="," k="184" />
|
||||
<hkern u1="y" u2="." k="205" />
|
||||
<hkern u1="y" u2="," k="205" />
|
||||
<hkern u1="‘" u2="‘" k="41" />
|
||||
<hkern u1="’" u2="’" k="41" />
|
||||
<hkern u1="’" u2="t" k="113" />
|
||||
<hkern u1="’" u2="s" k="338" />
|
||||
</font>
|
||||
</defs></svg>
|
||||
|
After Width: | Height: | Size: 65 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1,5 @@
|
|||
# Font Squirrel Font-face Generator Configuration File
|
||||
# Upload this file to the generator to recreate the settings
|
||||
# you used to create these fonts.
|
||||
|
||||
{"mode":"optimal","formats":["ttf","woff","woff2","eotz"],"tt_instructor":"default","fix_gasp":"xy","fix_vertical_metrics":"Y","metrics_ascent":"","metrics_descent":"","metrics_linegap":"","add_spaces":"Y","add_hyphens":"Y","fallback":"none","fallback_custom":"100","options_subset":"basic","subset_custom":"","subset_custom_range":"","subset_ot_features_list":"","css_stylesheet":"stylesheet.css","filename_suffix":"-webfont","emsquare":"2048","spacing_adjustment":"0"}
|
||||
|
|
@ -0,0 +1,129 @@
|
|||
/*Notes about grid:
|
||||
Columns: 12
|
||||
Grid Width: 825px
|
||||
Column Width: 55px
|
||||
Gutter Width: 15px
|
||||
-------------------------------*/
|
||||
|
||||
|
||||
|
||||
.section {margin-bottom: 18px;
|
||||
}
|
||||
.section:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
|
||||
.section {*zoom: 1;}
|
||||
|
||||
.section .firstcolumn,
|
||||
.section .firstcol {margin-left: 0;}
|
||||
|
||||
|
||||
/* Border on left hand side of a column. */
|
||||
.border {
|
||||
padding-left: 7px;
|
||||
margin-left: 7px;
|
||||
border-left: 1px solid #eee;
|
||||
}
|
||||
|
||||
/* Border with more whitespace, spans one column. */
|
||||
.colborder {
|
||||
padding-left: 42px;
|
||||
margin-left: 42px;
|
||||
border-left: 1px solid #eee;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* The Grid Classes */
|
||||
.grid1, .grid1_2cols, .grid1_3cols, .grid1_4cols, .grid2, .grid2_3cols, .grid2_4cols, .grid3, .grid3_2cols, .grid3_4cols, .grid4, .grid4_3cols, .grid5, .grid5_2cols, .grid5_3cols, .grid5_4cols, .grid6, .grid6_4cols, .grid7, .grid7_2cols, .grid7_3cols, .grid7_4cols, .grid8, .grid8_3cols, .grid9, .grid9_2cols, .grid9_4cols, .grid10, .grid10_3cols, .grid10_4cols, .grid11, .grid11_2cols, .grid11_3cols, .grid11_4cols, .grid12
|
||||
{margin-left: 15px;float: left;display: inline; overflow: hidden;}
|
||||
|
||||
|
||||
.width1, .grid1, .span-1 {width: 55px;}
|
||||
.width1_2cols,.grid1_2cols {width: 20px;}
|
||||
.width1_3cols,.grid1_3cols {width: 8px;}
|
||||
.width1_4cols,.grid1_4cols {width: 2px;}
|
||||
.input_width1 {width: 49px;}
|
||||
|
||||
.width2, .grid2, .span-2 {width: 125px;}
|
||||
.width2_3cols,.grid2_3cols {width: 31px;}
|
||||
.width2_4cols,.grid2_4cols {width: 20px;}
|
||||
.input_width2 {width: 119px;}
|
||||
|
||||
.width3, .grid3, .span-3 {width: 195px;}
|
||||
.width3_2cols,.grid3_2cols {width: 90px;}
|
||||
.width3_4cols,.grid3_4cols {width: 37px;}
|
||||
.input_width3 {width: 189px;}
|
||||
|
||||
.width4, .grid4, .span-4 {width: 265px;}
|
||||
.width4_3cols,.grid4_3cols {width: 78px;}
|
||||
.input_width4 {width: 259px;}
|
||||
|
||||
.width5, .grid5, .span-5 {width: 335px;}
|
||||
.width5_2cols,.grid5_2cols {width: 160px;}
|
||||
.width5_3cols,.grid5_3cols {width: 101px;}
|
||||
.width5_4cols,.grid5_4cols {width: 72px;}
|
||||
.input_width5 {width: 329px;}
|
||||
|
||||
.width6, .grid6, .span-6 {width: 405px;}
|
||||
.width6_4cols,.grid6_4cols {width: 90px;}
|
||||
.input_width6 {width: 399px;}
|
||||
|
||||
.width7, .grid7, .span-7 {width: 475px;}
|
||||
.width7_2cols,.grid7_2cols {width: 230px;}
|
||||
.width7_3cols,.grid7_3cols {width: 148px;}
|
||||
.width7_4cols,.grid7_4cols {width: 107px;}
|
||||
.input_width7 {width: 469px;}
|
||||
|
||||
.width8, .grid8, .span-8 {width: 545px;}
|
||||
.width8_3cols,.grid8_3cols {width: 171px;}
|
||||
.input_width8 {width: 539px;}
|
||||
|
||||
.width9, .grid9, .span-9 {width: 615px;}
|
||||
.width9_2cols,.grid9_2cols {width: 300px;}
|
||||
.width9_4cols,.grid9_4cols {width: 142px;}
|
||||
.input_width9 {width: 609px;}
|
||||
|
||||
.width10, .grid10, .span-10 {width: 685px;}
|
||||
.width10_3cols,.grid10_3cols {width: 218px;}
|
||||
.width10_4cols,.grid10_4cols {width: 160px;}
|
||||
.input_width10 {width: 679px;}
|
||||
|
||||
.width11, .grid11, .span-11 {width: 755px;}
|
||||
.width11_2cols,.grid11_2cols {width: 370px;}
|
||||
.width11_3cols,.grid11_3cols {width: 241px;}
|
||||
.width11_4cols,.grid11_4cols {width: 177px;}
|
||||
.input_width11 {width: 749px;}
|
||||
|
||||
.width12, .grid12, .span-12 {width: 825px;}
|
||||
.input_width12 {width: 819px;}
|
||||
|
||||
/* Subdivided grid spaces */
|
||||
.emptycols_left1, .prepend-1 {padding-left: 70px;}
|
||||
.emptycols_right1, .append-1 {padding-right: 70px;}
|
||||
.emptycols_left2, .prepend-2 {padding-left: 140px;}
|
||||
.emptycols_right2, .append-2 {padding-right: 140px;}
|
||||
.emptycols_left3, .prepend-3 {padding-left: 210px;}
|
||||
.emptycols_right3, .append-3 {padding-right: 210px;}
|
||||
.emptycols_left4, .prepend-4 {padding-left: 280px;}
|
||||
.emptycols_right4, .append-4 {padding-right: 280px;}
|
||||
.emptycols_left5, .prepend-5 {padding-left: 350px;}
|
||||
.emptycols_right5, .append-5 {padding-right: 350px;}
|
||||
.emptycols_left6, .prepend-6 {padding-left: 420px;}
|
||||
.emptycols_right6, .append-6 {padding-right: 420px;}
|
||||
.emptycols_left7, .prepend-7 {padding-left: 490px;}
|
||||
.emptycols_right7, .append-7 {padding-right: 490px;}
|
||||
.emptycols_left8, .prepend-8 {padding-left: 560px;}
|
||||
.emptycols_right8, .append-8 {padding-right: 560px;}
|
||||
.emptycols_left9, .prepend-9 {padding-left: 630px;}
|
||||
.emptycols_right9, .append-9 {padding-right: 630px;}
|
||||
.emptycols_left10, .prepend-10 {padding-left: 700px;}
|
||||
.emptycols_right10, .append-10 {padding-right: 700px;}
|
||||
.emptycols_left11, .prepend-11 {padding-left: 770px;}
|
||||
.emptycols_right11, .append-11 {padding-right: 770px;}
|
||||
.pull-1 {margin-left: -70px;}
|
||||
.push-1 {margin-right: -70px;margin-left: 18px;float: right;}
|
||||
.pull-2 {margin-left: -140px;}
|
||||
.push-2 {margin-right: -140px;margin-left: 18px;float: right;}
|
||||
.pull-3 {margin-left: -210px;}
|
||||
.push-3 {margin-right: -210px;margin-left: 18px;float: right;}
|
||||
.pull-4 {margin-left: -280px;}
|
||||
.push-4 {margin-right: -280px;margin-left: 18px;float: right;}
|
||||
|
|
@ -0,0 +1,396 @@
|
|||
@import url('grid_12-825-55-15.css');
|
||||
|
||||
/*
|
||||
CSS Reset by Eric Meyer - Released under Public Domain
|
||||
http://meyerweb.com/eric/tools/css/reset/
|
||||
*/
|
||||
html, body, div, span, applet, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
a, abbr, acronym, address, big, cite, code,
|
||||
del, dfn, em, font, img, ins, kbd, q, s, samp,
|
||||
small, strike, strong, sub, sup, tt, var,
|
||||
b, u, i, center, dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend, table,
|
||||
caption, tbody, tfoot, thead, tr, th, td
|
||||
{margin: 0;padding: 0;border: 0;outline: 0;
|
||||
font-size: 100%;vertical-align: baseline;
|
||||
background: transparent;}
|
||||
body {line-height: 1;}
|
||||
ol, ul {list-style: none;}
|
||||
blockquote, q {quotes: none;}
|
||||
blockquote:before, blockquote:after,
|
||||
q:before, q:after {content: ''; content: none;}
|
||||
:focus {outline: 0;}
|
||||
ins {text-decoration: none;}
|
||||
del {text-decoration: line-through;}
|
||||
table {border-collapse: collapse;border-spacing: 0;}
|
||||
|
||||
|
||||
|
||||
|
||||
body {
|
||||
color: #000;
|
||||
background-color: #dcdcdc;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #1883ba;
|
||||
}
|
||||
|
||||
h1{
|
||||
font-size: 32px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
h2{
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
#container {
|
||||
width: 865px;
|
||||
margin: 0px auto;
|
||||
}
|
||||
|
||||
|
||||
#header {
|
||||
padding: 20px;
|
||||
font-size: 36px;
|
||||
background-color: #000;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#header span {
|
||||
color: #666;
|
||||
}
|
||||
#main_content {
|
||||
background-color: #fff;
|
||||
padding: 60px 20px 20px;
|
||||
}
|
||||
|
||||
|
||||
#footer p {
|
||||
margin: 0;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 50px;
|
||||
color: #333;
|
||||
font: 10px Arial, sans-serif;
|
||||
}
|
||||
|
||||
.tabs {
|
||||
width: 100%;
|
||||
height: 31px;
|
||||
background-color: #444;
|
||||
}
|
||||
.tabs li {
|
||||
float: left;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
background-color: #444;
|
||||
}
|
||||
.tabs li a {
|
||||
display: block;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
font: bold 11px/11px 'Arial';
|
||||
text-transform: uppercase;
|
||||
padding: 10px 15px;
|
||||
border-right: 1px solid #fff;
|
||||
}
|
||||
|
||||
.tabs li a:hover {
|
||||
background-color: #00b3ff;
|
||||
|
||||
}
|
||||
|
||||
.tabs li.active a {
|
||||
color: #000;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
|
||||
|
||||
div.huge {
|
||||
|
||||
font-size: 300px;
|
||||
line-height: 1em;
|
||||
padding: 0;
|
||||
letter-spacing: -.02em;
|
||||
overflow: hidden;
|
||||
}
|
||||
div.glyph_range {
|
||||
font-size: 72px;
|
||||
line-height: 1.1em;
|
||||
}
|
||||
|
||||
.size10{ font-size: 10px; }
|
||||
.size11{ font-size: 11px; }
|
||||
.size12{ font-size: 12px; }
|
||||
.size13{ font-size: 13px; }
|
||||
.size14{ font-size: 14px; }
|
||||
.size16{ font-size: 16px; }
|
||||
.size18{ font-size: 18px; }
|
||||
.size20{ font-size: 20px; }
|
||||
.size24{ font-size: 24px; }
|
||||
.size30{ font-size: 30px; }
|
||||
.size36{ font-size: 36px; }
|
||||
.size48{ font-size: 48px; }
|
||||
.size60{ font-size: 60px; }
|
||||
.size72{ font-size: 72px; }
|
||||
.size90{ font-size: 90px; }
|
||||
|
||||
|
||||
.psample_row1 { height: 120px;}
|
||||
.psample_row1 { height: 120px;}
|
||||
.psample_row2 { height: 160px;}
|
||||
.psample_row3 { height: 160px;}
|
||||
.psample_row4 { height: 160px;}
|
||||
|
||||
.psample {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
.psample p {
|
||||
line-height: 1.3em;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.psample span {
|
||||
margin-right: .5em;
|
||||
}
|
||||
|
||||
.white_blend {
|
||||
width: 100%;
|
||||
height: 61px;
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNrs3TsKgFAMRUE/eer+NxztxMYuEWQG3ECKwwUF58ycAKixOAGAyAKILAAiCyCyACILgMgCiCyAyAIgsgAiCyCyAIgsgMgCiCwAIgsgsgAiC4DIAogsACIL0CWuZ3UGgLrIhjMA1EV2OAOAJQtgyQLwjOzmDAAiCyCyAIgsQFtkd2cAEFkAkQVAZAHaIns4A4AlC2DJAiCyACILILIAiCzAV5H1dQGAJQsgsgCILIDIAvwisl58AViyAJYsACILILIAIgvAe2T9EhxAZAFEFgCRBeiL7HAGgLrIhjMAWLIAliwAt1OAAQDwygTBulLIlQAAAABJRU5ErkJggg==);
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
.black_blend {
|
||||
width: 100%;
|
||||
height: 61px;
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPJJREFUeNrs3TEKhTAQRVGjibr/9QoxhY2N3Ywo50A28IrLwP9g6b1PAMSYTQAgsgAiC4DIAogsgMgCILIAIgsgsgCILIDIAogsACILILIAIguAyAKILIDIAiCyACILgMgCZCnjLWYAiFGvB0BQZJsZAFyyAC5ZAO6RXc0AILIAIguAyAKkRXYzA4DIAogsACILkBbZ3QwALlkAlywAIgsgsgAiC4DIArwVWf8uAHDJAogsACILILIAv4isH74AXLIALlkARBZAZAFEFoDnyPokOIDIAogsACILkBfZZgaAuMhWMwC4ZAE+p4x3mAEgxinAAJ+XBbPWGkwAAAAAAElFTkSuQmCC);
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
.fullreverse {
|
||||
background: #000 !important;
|
||||
color: #fff !important;
|
||||
margin-left: -20px;
|
||||
padding-left: 20px;
|
||||
margin-right: -20px;
|
||||
padding-right: 20px;
|
||||
padding: 20px;
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
|
||||
.sample_table td {
|
||||
padding-top: 3px;
|
||||
padding-bottom:5px;
|
||||
padding-left: 5px;
|
||||
vertical-align: middle;
|
||||
line-height: 1.2em;
|
||||
}
|
||||
|
||||
.sample_table td:first-child {
|
||||
background-color: #eee;
|
||||
text-align: right;
|
||||
padding-right: 5px;
|
||||
padding-left: 0;
|
||||
padding: 5px;
|
||||
font: 11px/12px "Courier New", Courier, mono;
|
||||
}
|
||||
|
||||
code {
|
||||
white-space: pre;
|
||||
background-color: #eee;
|
||||
display: block;
|
||||
padding: 10px;
|
||||
margin-bottom: 18px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
|
||||
.bottom,.last {margin-bottom:0 !important; padding-bottom:0 !important;}
|
||||
|
||||
.box {
|
||||
padding: 18px;
|
||||
margin-bottom: 18px;
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
.reverse,.reversed { background: #000 !important;color: #fff !important; border: none !important;}
|
||||
|
||||
#bodycomparison {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
font-size: 72px;
|
||||
height: 90px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
#bodycomparison div{
|
||||
font-size: 72px;
|
||||
line-height: 90px;
|
||||
display: inline;
|
||||
margin: 0 15px 0 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#bodycomparison div span{
|
||||
font: 10px Arial;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
}
|
||||
#xheight {
|
||||
float: none;
|
||||
position: absolute;
|
||||
color: #d9f3ff;
|
||||
font-size: 72px;
|
||||
line-height: 90px;
|
||||
}
|
||||
|
||||
.fontbody {
|
||||
position: relative;
|
||||
}
|
||||
.arialbody{
|
||||
font-family: Arial;
|
||||
position: relative;
|
||||
}
|
||||
.verdanabody{
|
||||
font-family: Verdana;
|
||||
position: relative;
|
||||
}
|
||||
.georgiabody{
|
||||
font-family: Georgia;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* @group Layout page
|
||||
*/
|
||||
|
||||
#layout h1 {
|
||||
font-size: 36px;
|
||||
line-height: 42px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
#layout h2 {
|
||||
font-size: 24px;
|
||||
line-height: 23px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
#layout h3 {
|
||||
font-size: 22px;
|
||||
line-height: 1.4em;
|
||||
margin-top: 1em;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
|
||||
#layout p.byline {
|
||||
font-size: 12px;
|
||||
margin-top: 18px;
|
||||
line-height: 12px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
#layout p {
|
||||
font-size: 14px;
|
||||
line-height: 21px;
|
||||
margin-bottom: .5em;
|
||||
}
|
||||
|
||||
#layout p.large{
|
||||
font-size: 18px;
|
||||
line-height: 26px;
|
||||
}
|
||||
|
||||
#layout .sidebar p{
|
||||
font-size: 12px;
|
||||
line-height: 1.4em;
|
||||
}
|
||||
|
||||
#layout p.caption {
|
||||
font-size: 10px;
|
||||
margin-top: -16px;
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
/* @end */
|
||||
|
||||
/* @group Glyphs */
|
||||
|
||||
#glyph_chart div{
|
||||
background-color: #d9f3ff;
|
||||
color: black;
|
||||
float: left;
|
||||
font-size: 36px;
|
||||
height: 1.2em;
|
||||
line-height: 1.2em;
|
||||
margin-bottom: 1px;
|
||||
margin-right: 1px;
|
||||
text-align: center;
|
||||
width: 1.2em;
|
||||
position: relative;
|
||||
padding: .6em .2em .2em;
|
||||
}
|
||||
|
||||
#glyph_chart div p {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
display: block;
|
||||
text-align: center;
|
||||
font: bold 9px Arial, sans-serif;
|
||||
background-color: #3a768f;
|
||||
width: 100%;
|
||||
color: #fff;
|
||||
padding: 2px 0;
|
||||
}
|
||||
|
||||
|
||||
#glyphs h1 {
|
||||
font-family: Arial, sans-serif;
|
||||
}
|
||||
/* @end */
|
||||
|
||||
/* @group Installing */
|
||||
|
||||
#installing {
|
||||
font: 13px Arial, sans-serif;
|
||||
}
|
||||
|
||||
#installing p,
|
||||
#glyphs p{
|
||||
line-height: 1.2em;
|
||||
margin-bottom: 18px;
|
||||
font: 13px Arial, sans-serif;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#installing h3{
|
||||
font-size: 15px;
|
||||
margin-top: 18px;
|
||||
}
|
||||
|
||||
/* @end */
|
||||
|
||||
#rendering h1 {
|
||||
font-family: Arial, sans-serif;
|
||||
}
|
||||
.render_table td {
|
||||
font: 11px "Courier New", Courier, mono;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 22, 2016 */
|
||||
|
||||
|
||||
|
||||
@font-face {
|
||||
font-family: 'itc_erasbold';
|
||||
src: url('itceras_bold-webfont.eot');
|
||||
src: url('itceras_bold-webfont.eot?#iefix') format('embedded-opentype'),
|
||||
url('itceras_bold-webfont.woff2') format('woff2'),
|
||||
url('itceras_bold-webfont.woff') format('woff'),
|
||||
url('itceras_bold-webfont.ttf') format('truetype'),
|
||||
url('itceras_bold-webfont.svg#itc_erasbold') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 8.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 168 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 174 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 191 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 173 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 193 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 362 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 422 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 173 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 39 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 53 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 65 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 51 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 70 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 58 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 192 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 191 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 191 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
|
|
@ -0,0 +1,191 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>化妆品首页</title>
|
||||
<link href="css/index.css" type="text/css" rel="stylesheet" />
|
||||
<link href="css/base.css" type="text/css" rel="stylesheet" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="banner">
|
||||
<!--头部-->
|
||||
<div class="top">
|
||||
<div class="logo"></div>
|
||||
<span></span>
|
||||
<div class="txt01">
|
||||
<p>专注护肤行业<b>10年</b></p>
|
||||
<p>我们只生产最高品质的护肤产品</p>
|
||||
</div>
|
||||
<div class="tel">
|
||||
<p>全国服务咨询热线</p>
|
||||
<b>400-888-2837</b>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nav">
|
||||
<div class="nav_bg">
|
||||
<ul>
|
||||
<li class="ff"><a href="index.html">首页</a></li>
|
||||
<li><span></span><a href="news.html">公司新闻</a></li>
|
||||
<li><span></span><a href="product.html">产品中心</a></li>
|
||||
<li><span></span><a href="companyIdea.html">公司理念</a></li>
|
||||
<li><span></span><a href="contactUs.html">联系我们</a></li>
|
||||
</ul>
|
||||
<div class="search">
|
||||
<div class="s01">产品搜索</div>
|
||||
<input type="text" value="请输入关键字" class="s02" /><span></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="customer">
|
||||
<div class="news">
|
||||
<span><a href="javascript:">公司新闻</a></span>
|
||||
<span class="cur"><a href="javascript:">公司理念</a></span>
|
||||
<ul>
|
||||
<li><a href="newsxq.html">2008年，化妆品国际化全新产品在国内上市</a></li>
|
||||
<li><a href="newsxq.html">2011年4月，化妆品国第1000家门店正式开幕</a></li>
|
||||
<li><a href="newsxq.html">2013年，化妆品新品太极丹新品亮相上海家化</a></li>
|
||||
<li><a href="newsxq.html">2014年6月，化妆品携中国文化入侵巴黎</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<p><a href="companyIdea.html">2014年12月20日，现代中草药个人护理专家——化妆品首家体验型专卖店于上海正大广场全新揭幕。店内一系列特有的增值服务和贴心的体验环境，从空间打造到功能布局，完美诠释养美新体验。</a></p>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="product">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="newsxq.html"><img src="images/004.png"></a>
|
||||
|
||||
<big></big><p><a href="productxq.html">现代中草药中高档个人护理品01</a></p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="newsxq.html"><img src="images/005.png"></a>
|
||||
|
||||
<big></big><p><a href="productxq.html">现代中草药中高档个人护理品02</a></p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="newsxq.html"><img src="images/008.png"></a>
|
||||
|
||||
<big></big><p><a href="productxq.html">现代中草药中高档个人护理品03</a></p>
|
||||
</li>
|
||||
</ul>
|
||||
<a href="javascript:"><i><span class="curr"><b></b></span><span><b></b></span><span><b></b></span></i></a>
|
||||
</div>
|
||||
<div class="consult">
|
||||
<span>HOTLINE</span><p>全国免费专线</p><big>400-821-6188</big>
|
||||
<div class="web">
|
||||
<div class="qq">
|
||||
<a href="#"><img src="images/01.png"></a>
|
||||
<a href="#"><img src="images/02.png"></a>
|
||||
<a href="#"><img src="images/03.png"></a>
|
||||
<a href="#"><img src="images/04.png"></a>
|
||||
<a href="#"><img src="images/05.png"></a>
|
||||
<p><a href="#">售后服务</a><a href="#">售后服务</a></p>
|
||||
<span><a href="#">在线咨询</a><a href="#">在线咨询</a></span>
|
||||
</div>
|
||||
<a href="#" class="two"><img src="images/07.png"></a>
|
||||
</div>
|
||||
<b><img src="images/MM.png"></b>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="main01">
|
||||
<h2>
|
||||
<span></span>
|
||||
<div class="right">
|
||||
<b class="curr01"></b><b></b><b></b>
|
||||
<a href="javascript:"><p><i></i></p><p><big></big></p></a>
|
||||
</div>
|
||||
</h2>
|
||||
|
||||
<div class="goods">
|
||||
<ul>
|
||||
<li><a href="#"><img src="images/index01.png" /><p>太极系列</p></a></li>
|
||||
<li><a href="#"><img src="images/index02.png" /><p>太极系列</p></a></li>
|
||||
<li><a href="#"><img src="images/index03.png" /><p>太极系列</p></a></li>
|
||||
<li><a href="#"><img src="images/index01.png" /><p>太极系列</p></a></li>
|
||||
<li><a href="#"><img src="images/index02.png" /><p>太极系列</p></a></li>
|
||||
<li><a href="#"><img src="images/index03.png" /><p>太极系列</p></a></li>
|
||||
<li><a href="#"><img src="images/index01.png" /><p>太极系列</p></a></li>
|
||||
<li><a href="#"><img src="images/index02.png" /><p>太极系列</p></a></li>
|
||||
<li><a href="#"><img src="images/index03.png" /><p>太极系列</p></a></li>
|
||||
<li><a href="#"><img src="images/index01.png" /><p>太极系列</p></a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><a href="#"><img src="images/index04.png" /><p>太极系列</p></a></li>
|
||||
<li><a href="#"><img src="images/index05.png" /><p>太极系列</p></a></li>
|
||||
<li><a href="#"><img src="images/index06.png" /><p>太极系列</p></a></li>
|
||||
<li><a href="#"><img src="images/index04.png" /><p>太极系列</p></a></li>
|
||||
<li><a href="#"><img src="images/index05.png" /><p>太极系列</p></a></li>
|
||||
<li><a href="#"><img src="images/index06.png" /><p>太极系列</p></a></li>
|
||||
<li><a href="#"><img src="images/index04.png" /><p>太极系列</p></a></li>
|
||||
<li><a href="#"><img src="images/index05.png" /><p>太极系列</p></a></li>
|
||||
<li><a href="#"><img src="images/index06.png" /><p>太极系列</p></a></li>
|
||||
<li><a href="#"><img src="images/index04.png" /><p>太极系列</p></a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><a href="#"><img src="images/index07.png" /><p>太极系列</p></a></li>
|
||||
<li><a href="#"><img src="images/index05.png" /><p>太极系列</p></a></li>
|
||||
<li><a href="#"><img src="images/index03.png" /><p>太极系列</p></a></li>
|
||||
<li><a href="#"><img src="images/index07.png" /><p>太极系列</p></a></li>
|
||||
<li><a href="#"><img src="images/index05.png" /><p>太极系列</p></a></li>
|
||||
<li><a href="#"><img src="images/index03.png" /><p>太极系列</p></a></li>
|
||||
<li><a href="#"><img src="images/index07.png" /><p>太极系列</p></a></li>
|
||||
<li><a href="#"><img src="images/index05.png" /><p>太极系列</p></a></li>
|
||||
<li><a href="#"><img src="images/index03.png" /><p>太极系列</p></a></li>
|
||||
<li><a href="#"><img src="images/index01.png" /><p>太极系列</p></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="main02">
|
||||
<h2>
|
||||
<span></span>
|
||||
<!--<div class="right">
|
||||
<b></b><b></b><b class="curr01"></b>
|
||||
<p class="curr02"></p><p></p>
|
||||
</div>-->
|
||||
</h2>
|
||||
<div class="company01"><span>中国智慧，全球时尚</span><p>上海化妆品有限公司，是上海家化联合股份有限公司
|
||||
的全资子公司，拥有近3000万的固定注册资产。1998年8月，
|
||||
化妆品作为全新概念的现代中草药中高档个人护理品品牌被
|
||||
推出市场，并以其独树一帜在定位，很快在国内化妆品市场
|
||||
崛起，在消费者心中树立起自然、清新、健康良好的品牌形
|
||||
象。</p><a href="#">了解更多>></a></div>
|
||||
<div class="company02">
|
||||
<img src="images/002.png">
|
||||
<p>公司大楼</p><span>公司座落于:上海市浦东新区陆家嘴西路168号正大广场1层</span>
|
||||
</div>
|
||||
<div class="company03">
|
||||
<img src="images/003.png">
|
||||
<p>首家海外店铺成立</p><span>化妆品家海外旗舰店于法国巴黎的歌剧院大道38号盛
|
||||
大揭幕。旗舰店空间设计流露浓浓东方韵味,</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bottom">
|
||||
<div class="bb">
|
||||
<ul>
|
||||
<li><a href="index.html">首页</a></li>
|
||||
<li><span></span><a href="news.html">公司新闻</a></li>
|
||||
<li><span></span><a href="product.html">产品中心</a></li>
|
||||
<li><span></span><a href="companyIdea.html">公司理念</a></li>
|
||||
<li><span></span><a href="contactUs.html">联系我们</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<p>© 上海化妆品有限公司版权所有 沪ICP备11049051号 更多模板：<a href="http://www.cssmoban.com/" target="_blank">模板之家</a> </p>
|
||||
</div>
|
||||
<style>
|
||||
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
|
||||
</style>
|
||||
<div class="copyrights">
|
||||
Collect from <a href="http://www.cssmoban.com/" title="网站模板">模板之家</a>
|
||||
<a href="https://www.chazidian.com/" title="查字典">查字典</a>
|
||||
</div>
|
||||
</body>
|
||||
<script src="js/jquery.js"></script>
|
||||
<script src="js/js.js"></script>
|
||||
<script src="js/index.js"></script>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,96 @@
|
|||
// JavaScript Document
|
||||
|
||||
$(".product ul li:gt(0)").hide();
|
||||
|
||||
var tt,n=0,len;
|
||||
len=$(".product ul li").length;
|
||||
|
||||
function autoPlay(){
|
||||
tt=setInterval(function(){
|
||||
n++;
|
||||
if(n>=len)n=0;
|
||||
$(".product ul li").eq(n).show().siblings().hide();
|
||||
$(".product span").eq(n).addClass("curr").siblings().removeClass("curr");
|
||||
},3000);
|
||||
}
|
||||
autoPlay();
|
||||
|
||||
$(".product span").each(function(index){
|
||||
$(this).mouseover(function(){
|
||||
n=index;
|
||||
$(".product ul li").eq(n).show().siblings("li").hide();
|
||||
$(".product span").eq(n).addClass("curr").siblings().removeClass("curr");
|
||||
});
|
||||
});
|
||||
|
||||
$(".product").hover(function(){
|
||||
clearInterval(tt);
|
||||
},function(){
|
||||
autoPlay();
|
||||
});
|
||||
|
||||
$(".news ul:gt(0)").hide();
|
||||
$(".news span").each(function(index){
|
||||
$(this).click(function(){
|
||||
n=index;
|
||||
$(".news >ul").eq(n).show().siblings().hide();
|
||||
$(".news >span").show();
|
||||
$(".news >span").eq(n).removeClass("cur").siblings().addClass("cur");
|
||||
$(".news >ul").removeClass("cur");
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
/*首页内容一效果*/
|
||||
$(".goods ul:gt(0)").hide();
|
||||
len=$(".goods ul").length;
|
||||
var i=0;
|
||||
function autoPlay01(){
|
||||
t=setInterval(function(){
|
||||
i++;
|
||||
if(i>=len)i=0;
|
||||
$(".goods ul").eq(i).show().siblings().hide();
|
||||
$(".main01 .right b").eq(i).addClass("curr01").siblings().removeClass("curr01");
|
||||
},3000);
|
||||
}
|
||||
autoPlay01();
|
||||
|
||||
$(".goods").hover(function(){
|
||||
clearInterval(t);
|
||||
},function(){
|
||||
autoPlay01();
|
||||
});
|
||||
|
||||
$(".main01 .right p:eq(0)").hover(function(){
|
||||
clearInterval(t);
|
||||
$(".main01 .right p:eq(0)").addClass("curr02");
|
||||
},function(){
|
||||
autoPlay01();
|
||||
$(".main01 .right p:eq(0)").removeClass("curr02");
|
||||
});
|
||||
|
||||
$(".main01 .right p:eq(1)").hover(function(){
|
||||
clearInterval(t);
|
||||
$(".main01 .right p:eq(1)").addClass("curr02");
|
||||
},function(){
|
||||
autoPlay01();
|
||||
$(".main01 .right p:eq(1)").removeClass("curr02");
|
||||
});
|
||||
|
||||
$(".main01 .right p:eq(0)").click(function(){
|
||||
clearInterval(t);
|
||||
if(i<=0)i=len;
|
||||
i--;
|
||||
$(".main01 .right p:eq(0)").addClass("curr02");
|
||||
$(".goods ul").eq(i).show().siblings().hide();
|
||||
$(".main01 .right b").eq(i).addClass("curr01").siblings().removeClass("curr01");
|
||||
});
|
||||
|
||||
$(".main01 .right p:eq(1)").click(function(){
|
||||
clearInterval(t);
|
||||
i++;
|
||||
if(i>=len)i=0;
|
||||
$(".main01 .right p:eq(1)").addClass("curr02");
|
||||
$(".goods ul").eq(i).show().siblings().hide();
|
||||
$(".main01 .right b").eq(i).addClass("curr01").siblings().removeClass("curr01");
|
||||
});s
|
||||
File diff suppressed because one or more lines are too long
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue