@font-face {

font-family:'禹卫书法行书简体';

src: url(font/禹卫书法行书简体（优化版）.ttf);

}

一：把font-weight:normal;font-style:normal;去掉

二：你不觉得你的路径格式错了吗？字体的后缀应该加上的，就上我上面写的那样

有代码吗？引入之后，有没有使用字体？

找到原因了

没有应用字体，加一条  font-family: "Raphaelicons";

你用什么浏览器？用火狐要加-moz-transform，几个内核加上看看

其实图标是个字体文件，你有正确引进字体了吗？

@font-face{
	font-family: "Raphaelicons";
	src:url('fonts/raphaelicons-webfont.eot') format('eot'),
		url('fonts/raphaelicons-webfont.svg') format('svg'),
		url('fonts/raphaelicons-webfont.ttf') format('ttf'),
		url('fonts/raphaelicons-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;

}
/*引入字体http://www.w3cplus.com/content/css3-font-face
字体转换https://www.fontsquirrel.com/tools/webfont-generator*/

然后应用在属性选择器上

[data-icon]:after {font-family: "Raphaelicons";}

目测路径写错了，妳应该用的是中文目录，改成因为的目录试试哈！如果不是把代码发出来一下

不一定非要用哪个字体吧。用其他字体也可以的。只要你会用这个方法就行了啊。

我的也是  还经常有小问题  http://codepen.io/dodozhang21/pen/KFkaf?editors=1100  这链接你可以看一下  虽然无法解决你的问题

没有overflow:hidden;

建议下次再提问时除了贴图片以外，再加上代码。这样比较方便愿意帮助你的人帮你找到问题，也节省了彼此大量的时间。

还有左边的100px 要去掉哟

如果fonts和main。css文件在同级，就没必要加../了

同意楼上的，应该是你的文件路径错了

这里使用font-face的目的是为了显示图标，显示中文的话就下载中文的字体

自己找到了= =

[attribute]  ：如 [target]  ， 选择带有 target 属性所有元素。    

检查你的代码啊，肯定没写对，不然就上代码，你这么问也得不到什么好回复的

http://www.w3school.com.cn/cssref/pr_class_display.asp

http://www.w3school.com.cn/cssref/pr_class_visibility.asp

因为你如果前面是按照代码写的话，按理说其他页面是纵向在下面被隐藏的，而你要水平移动，当你的页面在垂直方向，那肯定不能显示出来了

你可以试试display：none

使按钮不可用。因为鼠标经过字体变粗，那么占的位置就多了所以会有整体右移的闪动

以解决，是src链接路径问题，哈哈，正确路径应该是

src:url("../fonts/raphaelicons-webfont.eot") format("ttf"),

url("../fonts/raphaelicons-webfont.ttf") format("ttf"),

url("../fonts/raphaelicons-webfont.woff") format("woff"),

url("../fonts/raphaelicons-webfont.svg") format("svg")

字体库相对路径不对  ../fonts/..........

到左边还要减少100像素

http://icons.marekventur.com/ 这里面有这个字体

你都不把代码贴上来，我们怎么看出了什么问题？= =