如何自定义网站字体文件

如何自定义网站字体文件...

网页默认的字体一般也就那几个,看起来平平无奇没有好感,今天教大家如何设置自己喜欢的字体在网站上显示。

首先你需要把你喜欢的字体文件下载下来,以本站字体为例。

下载字体

下载之后把字体放在你的项目文件夹中,然后再css配置引入即可。

css代码

/*自定义样式*/
@font-face {  
    font-family: 'TomFont';  /* 你可以自定义这个名称 */  
    src:url('fonts/ZhuZiAWan2.woff2') format('woff2'); /* 引入字体文件 */  
    font-weight: normal;  
    font-style: normal;  
}

body,h1,h2,h3,h4,h5,h6,a{
    font-family: TomFont;
}
#如何自定义网站字体文

评论0

首页 导航 静态网页 动态网站 微信
QQ 微信 TOP