通常情况下网页是不能使用一些特殊字体的,而且设计上也不推荐但是有时为了满足某种效果又不得不引入新的字体,虽然我们可以通过图片、Flash等技术使用特殊字体但是这样不利于SEO搜索。最近我们也遇到了类似的问题所以也就去研究了一下。
这是一个css2的属性在css中可以通过@font-face属性来实现网页中嵌入特殊的字体。
通过情况下为了满足所有主流浏览器的支持,我们需要获取3中字体格式的文档但是正常我们只有一种文档比如.ttf,这个时候峩们需要借助工具生成其他类型的文档。有一个工具可以帮助我们生成其他类型的文档亲测可以。
2 src: 自定义字体的存放路径; |
如果我们的项目使用webpack进行打包这里就需要配置字体文档的loader