为什么我的那个图标弄不出来？还是一个H？

源自：2-5 导航页背影动画制作（@font-face实现小icon）

为什么我的那个图标弄不出来？还是一个H？

提问者：慕姐0535997 2016-11-19 17:53

个回答

心有猛虎_细嗅蔷薇: 2016-11-19 18:26:55

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

@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";}