前端页面遇到稀有字体如何处理

这里只是记录一下自己在写页面时遇到稀有字体,也不是艺术字,只是一般电脑都不会有的字体怎么办。我们知道字体是读取本地服务的字体的,如果没有就会用默认的。我们老板对产品要求比较高,字体必须跟设计稿一模一样,但是我们优秀的设计师就喜欢用一些稀有字体,这怎么办呢,相信大家都知道css3支持读取本地字体文件,从而解决了这个问题,说着简单,具体要怎么做呢。
首先我跟设计师要了字体文件方正兰亭黑.TTF,然后转到https://www.fontsquirrel.com/tools/webfont-generator这个网站,这个网站是把我们的字体文件转码成各种格式的文件,使其兼容安卓 ios ie webkit firfox,1 上传字体文件 2(要上传完成后再执行此操作)选择EXPERT...
前端页面遇到稀有字体如何处理 - 薄荷青绿色 - 西瓜熟了夏走了
3选择需要转码的文件类型(我就全选了)4同意条款 5 download
解压文件里面有个stylesheet.css文件,里面就是具体用法,把代码贴到自己的css文件里,把生成的字体文件(解压文件根目录下的几个文件)放到自己项目中的文件夹中,路径自己定,那段css的url的相对路径对了就行。然后就可以用了。里面有个demo.html 不会用的可以看这个demo
我也是参照司徒正美的博客实现的http://www.cnblogs.com/rubylouvre/archive/2011/06/19/2084875.html
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值