2 qq 22310121 qq_22310121 于 2016.03.09 19:21 提问

我copy一个网页 它的icomoon的图标弄不下来 想请教去哪下这几个字体库

@font-face {
font-family:'icomoon';
src:url(IcoMoon-Free-master/icomoon-MBT.eot);
src:url(IcoMoon-Free-master/icomoon-MBT.eot?#iefix) format("embedded-opentype"),url(IcoMoon-Free-master/icomoon-MBT.woff) format("woff"),url(IcoMoon-Free-mastericomoon-MBT.ttf) format("truetype"),url(IcoMoon-Free-mastericomoon-MBT.svg#icomoon) format("SVG");
font-weight:normal;
font-style:normal
}

[class^="icon-"],[class*=" icon-"] {
font-family:'icomoon';
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.icon-qr:before {
content:"\e607"
}
.icon-add:before {
content:"\e604"
}
.icon-play-circle-outline:before {
content:"\e605"
}
.icon-evernote:before {
content:"\e600"
}
.icon-comment:before {
content:"\e603"
}
.icon-renren:before {
content:"\e601"
}
.icon-douban:before {
content:"\e602"
}
.icon-star:before {
content:"\f005"
}
.icon-twitter:before {
content:"\f099"
}
.icon-facebook:before {
content:"\f09a"
}
.icon-rss:before {
content:"\f09e"
}
.icon-weibo:before {
content:"\f18a"
}
.icon-qq:before {
content:"\f1d6"
}
.icon-weixin:before {
content:"\f1d7"
}
.icon-arrow-up:before {
content:"\e60f"
}

原网页的地址下下来的文件是乱码

2个回答

showbo
showbo   Ds   Rxr 2016.03.09 19:30
已采纳

css文件url/IcoMoon-Free-master/icomoon-MBT.eot

这个就是字体路径,浏览器直接打开url地址下载下来,还有.woff和.svg的文件一起下下来放到你网站,注意一般服务器不支持此种后缀的文件,需要设置服务器添加这些后缀的mime类型为application/octet-stream,要不会404找不到文件导致字体加载失败

图片说明

qq_22310121
qq_22310121 回复无聊码农: 图标没有弄上去 不过font字体是弄上去了 谢谢你的帮助 我再研究研究
接近 2 年之前 回复
showbo
showbo 回复戚某某: 直接打开不是有了,svg是htm格式的,需要查看源代码,另存源代码就行了
接近 2 年之前 回复
qq_22310121
qq_22310121 回复无聊码农: http://www.haosanban.com/wp-content/themes/monkey/static/fonts/icomoon-MBT.svg 我是搜这个的 搜不到下载项 你帮我看看呗
接近 2 年之前 回复
showbo
showbo 回复戚某某: 什么搜不到 ?css文件里面不是有,文件地址就是 css文件url(不包含css文件名)接上url括号里面的内容,下载下来放你服务器后注意你本地路径和你css的相对路径
接近 2 年之前 回复
qq_22310121
qq_22310121 我从网站上下下来的 后缀分别是 .eot .woff .ttf 的 .svg的搜不到
接近 2 年之前 回复
yymss19910720
yymss19910720   2016.06.27 14:07

可算找到了。。。半天没明白图标怎么做的...多谢大神~

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!