首页前端开发CSSCSS使用下载自定义字体

CSS使用下载自定义字体

时间2024-05-26 19:26:03发布访客分类CSS浏览98
导读:如果要设置自己想要的字体,方法是有的,需要下载字体对应eot字体、ttf字体、woff字体。使用@font-face font-family引入自己安装字体。 使用自己下载字体代码: @font-face { font-family :...

如果要设置自己想要的字体,方法是有的,需要下载字体对应eot字体、ttf字体、woff字体。使用@font-face font-family引入自己安装字体。

使用自己下载字体代码:

@font-face {
     font-family : name ;
     src : url( url ) ;
 sRules }
 

即:

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

解释:
codropsicons为自己自定义字体,url是你下载的字体文件路径,同时需要将字体文件放入div css布局项目中,CSS字体路径引入正确。

值得注意@font-face 可以引入下载的字体,但是eot字体是比较难找到的,一般有的时候是需要去出钱购买的。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: CSS使用下载自定义字体
本文地址: https://pptw.com/jishu/668676.html
css安全的字体大全 sqlite数据库查询语句使用要注意什么

游客 回复需填写必要信息