失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > css自定义字体(@font-face的使用)

css自定义字体(@font-face的使用)

时间:2020-10-17 21:27:42

相关推荐

css自定义字体(@font-face的使用)

首先获取需要使用字体文件,此处以LetsgoDigitalRegular.ttf'为例:

新建一个css文件,代码:

@font-face {font-family:LetsgoDigitalRegular;src: url('../font/LetsgoDigitalRegular.ttf');}

当然也可以定义标签支持的其他属性,如font-weight、font-style

创建HTML页面代码:

<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title></head><!--引入定义的资源文件--><link rel="stylesheet" href="css/font.css" /> <style type="text/css">.span{font-family: LetsgoDigitalRegular;font-size: 100px;}</style><body><span class="span">456</span></body></html>

效果:

附:字体文件/download/weixin_43966996/82355910 (仅供学习交流使用)

如果觉得《css自定义字体(@font-face的使用)》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。