请问字体去哪里下载?

正在回答

登陆购买课程后可参与讨论,去登陆

3回答

不是打开这个,这个是字体文件,是需要引用的,使用方法如下:

打开font_cfgbvkrdj9duc8fr文件夹,找到demo_unicode.html在浏览器中打开预览,按照demo_unicode.html中的步骤操作即可,注意的是:首先需要在你的项目中新建一个文件夹,将下载下来iconfont字体(.woff、.ttf、.svg为后缀)的字体文件放在这个文件夹中。然后在css中定义@font-face {

  font-family: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
  url('iconfont.woff') format('woff'),
  url('iconfont.ttf') format('truetype'),
  url('iconfont.svg#iconfont') format('svg');
}

再然后定义

.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

再然后在html中定义

<i class="iconfont"></i>

将demo_unicode.html最开头的图标(这里以向右侧的箭头为例)下面的unicode编码&#xf0343;放在i标签中,即

<i class="iconfont">&#xf0343;</i>

注意:不同的图标需要下载不同的图标代码文件,获取不同的unicode编码,然后定义unicode编码,方法以及使用步骤同上!希望可以帮到你!

  • Me小前端 提问者 #1
    非常感谢!
    2017-06-30 09:22:22
提问者 Me小前端 2017-06-29 14:34:46

http://img1.sycdn.imooc.com/climg//59549ece000191df03000586.jpg

http://img1.sycdn.imooc.com/climg//59549edd0001b0b606140296.jpg

http://img1.sycdn.imooc.com/climg//59549f650001f30810250533.jpg 我是不是下载错了,文件里是这样的

提问者 Me小前端 2017-06-28 18:03:17

我下载了是个图片的 怎么在里面设置

  • 可以去www.iconfont.cn下载,打开www.iconfont.cn网站,然后搜索找到需要的图标,然后加入购物车,再点击购物车,然后找到下载代码,即可下载字体和使用案例。希望可以帮到你!
    2017-06-29 12:13:04
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师