您的位置：首页 > 其它

在网页上使用外部字体格式

2018-01-02 15:46 302 查看
在网页上使用外部字体格式
1、首先下载web font的文件，其中格式有.ttf(TrueTypeFont)是由Apple公司和Microsoft公司共同推出的字体文件格式，.svg，.eot，.woff，如下所示为整个目录：



2、然后再文件里面引用1中下载的文件
@font-face{
font-family: HYShiGuangTiW; /*自定义的字体名*/
src:url('HYShiGuangTiW.ttf'); /*引入字体包*/
}
3、使用引入的字体p{
font-family: HYShiGuangTiW; /*使用引入的外部字体*/
font-size: 30px;
}
4、显示的效果                         


5、整个文件的内容：
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<meta charset="utf-8" />
<style>
@font-face{
font-family: HYShiGuangTiW; /*自定义的字体名*/
src:url('HYShiGuangTiW.ttf'); /*引入字体包*/
}

p{
font-family: HYShiGuangTiW; /*使用引入的外部字体*/
font-size: 30px;
}
</style>
</head>
<body>
<p>机四大行</p>
<p>sjdjsdj</p>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航