广州网站制作公司

网站制作8年,客户1300+



细线字体的CSS样式

2018-03-09


平时我们进行网页制作的时候,需要用一别的字体,而不是WINDOWS默认的那些,今天为大家介绍的是细线字体,感觉非常的现代化。


CSS样式


@charset "utf-8";
@font-face {
    font-family: 'fzlantingheis-ul-gbregular';
    src: url('fonts/fzltcxhjw.eot');
    src: url('fonts/fzltcxhjw.eot?#iefix') format('embedded-opentype'),
         url('fonts/fzltcxhjw.woff') format('woff'),
         url('fonts/fzltcxhjw.ttf') format('truetype'),
         url('fonts/fzltcxhjw.svg#fzlantingheis-ul-gbregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:500;}

h1 {
    margin: 135px 0px 110px 0px;
    margin-top: 135px;
    margin-bottom: 110px;
    font-size: 50px;
    line-height: 50px;
    text-align: center;
    color: #f18900;
    font-family: "fzlantingheis-ul-gbregular";
}



Html部分


<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Cache-Control" content="no-transform" /><meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="alternate" type="application/vnd.wap.xhtml+xml" media="handheld" href="target"/>
<meta name="baidu-site-verification" content="NJZRFQf5K3" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>字体</title>
<link href="css/global.css" type="text/css" rel="stylesheet" />
</head>
<body>
<h1>中国领先的网页制作公司</h1>
</body>
</html>


字体文件

传不上啊

0
首页
报价
关于
联系