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如何使用下载自定义字体”这篇文章对大家有帮助，同时也希望大家多多支持亿速云，关注亿速云行业资讯频道，更多相关知识等着你来学习!