CSS如何使用下载自定义字体

这篇文章主要介绍了CSS如何使用下载自定义字体，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

创新互联建站专注于苍溪网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供苍溪营销型网站建设，苍溪网站制作、苍溪网页设计、苍溪网站官网定制、微信小程序定制开发服务，打造苍溪网络公司原创品牌,更为您提供苍溪网站排名全网营销落地服务。

假设要设置本身想要的字体，法子是有的，须要下载字体对应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字体是相比难找到的，一般有的时候是需要去出钱购置的。

感谢你能够认真阅读完这篇文章，希望小编分享的“CSS如何使用下载自定义字体”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!