如何正确的使用阿里矢量图
2019年6月11日1.第一步选择你喜欢的图片
2.第二步点击购物车添加到一个指定的项目
3.下载添加好的文件
4.解压文件
5.编辑文件iconfont.css
原始
1 2 3 4 5 6 7 8 |
@font-face {font-family: "iconfont"; src: url('iconfont.eot?t=1560261427025'); /* IE9 */ src: url('iconfont.eot?t=1560261427025#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), url('iconfont.woff?t=1560261427025') format('woff'), url('iconfont.ttf?t=1560261427025') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('iconfont.svg?t=1560261427025#iconfont') format('svg'); /* iOS 4.1- */ } |
修改后
1 2 3 4 5 6 7 8 9 10 11 |
. . . @font-face { font-family: "iconfont"; src:url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAABeEAAsAAAAAL2QAABc2AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCEQgrPIL0MATYCJANECyQABCAFhG0HgVEbYSUzo8LGASCQfAZk/5fjjqUv2EF2oiqRpKM6pCozg3PIlJ7RR42F4fbhCzr/UJiwkHzHEHT1i8qmaxMr7EOl/emIzTeT7vOhlP73y3fn7N7XyqZ2lXyZ5qqLQqHQqAhHbw6cRFiEZ+Ya+3ngudy/1dYrDSdlCxdYz5dFB55PSiSRNMAC6QV4dwO0zf8LvDvqKFHBOgVzigG6KIRDtLFi2xkPJ+CGFRPmir2lS1k6XeoyfP/rIn3/u6r0z2+aT+vAVDIkcwuGAzIcAWtXOR85TSYpsgvSX0f61e4aWjYdcxmdAIDIcXf+o1KEDeLBUinf0fm9a9ZDFCrC7BZk7ZFHn2Z/gCZvMiUs5frxEdjIz8LpWludIUwBbaeTybZd988eFqH4P51Za9kBJAUVLppwWWtk/Jp1nkeLIy3JQW1IY5YdIDjALlcCV5KC8pHtA8KiJCiPm/Kaqj8oneuBTi7QbwUiA/FnP7U+jGZMi+iOIOKeyX1dnx8IiHYYESyi91PAiNf1COCxdHwYME894eSSR5bxlDF4ZvjwS/gb4Jfx/fO3VA8MTITXC3r0dMcoKJX3RMGvS/5k/NCH9CgA5emAETADBJgxtQfAFswMHFkazTVfFihSYjDlkWBpJWAHI2Hu/5vneEGUZEXVdLCCF87Q/d/mDuVhAQjKF2AAFQgwgjoKIKBCAQyokwAW1FkAB+oigAcVCRBAxQJEUFcBEqibABnUXYAC6iFABfUkaFBHgIrOC0/kKQ7AB5Qq0CZA/MF4D9ZpWaTO6PRIqQju4EWXMXMqLWYI6pWzu3SyMjHznh4Nl/+sS9lH95a40DG92ftqqygc6QuZQtn4uxSLWTaycInQU4PafZF6Jkwbt5kSWjo/kcq+UnqT1+DFbyDUKUUihBmOYoOTdAx4H7RzOTm5+ZSEuTVhKTENXhzpEMkkf9slMwPeq9epu6Jh5KT/wbF+2LJDKk7k8ICNJSsXxGESgQVJsgIONlXY4ECV4ikW9kwjMXIRJVZmf/cW6rNLj+iVJ97Vp+zyY7cQiSb5lsId46+HrOE1iX3roN/bBIiCTh0jWT6P3DiS6GAr9uc1tEdfl6avozl11dCZ9UWX3vpn6qf/rrr595SP/ipKeCcHM6hbDs/lxcNa2l4gnGOhslyfmyV6KXTmhdYRXzns1eb4Q6Xxkeez6ej6V0e1uV3bcwNnVuiMu8gtsxMZLUSjhaPzUio7z33TC1om1fa5XICQKL/FAGjRKOiUocGEalbrrGrKt6GdDW2qtsU15Xr2aj0TSm+6dOsfcVGd5wOrf7gy88uJXd+b8dl/XuMBf6gei0dDfoQfcbde65LIdK9Oy6faV71zsjCqU6mqWXDnhdls0xk/L0rlNlioznK0g6Rh9lGXUT5D2UaqzV+yWDeH4uwrVwrbUNjoenUNtxyqPfUCqdfALfeScM5g+UoCt4Qo3wKBRMR7j9rnOa7g5wlgZGVeYEe1AYPuT7SLJdjgVSYszuZTxdojPJD68xj66OsVg7e/9bTZWT5wa25gT37LnPpOAuIvxpMZZCXCZEQ4+1IGEkg4VwYIxYEbgxXeSfgWbt8xCwIRKp9ralImzQo+ND4JvQjws/yJRPOdMiqv2fHWJx2pfxd5u4MPXceVd/hddV/cS0i41Jt4e8+SPTc7OU1e6P67QRUkVKynP/NfKPhQ5x00Mex/rkvtljLb24wUypFV1F6JjYwvCMV63xnsGSgP9zz5rNfjnoF9a1DZC2aP6g70VCVy/fxI+zLqramTpca5dORVg69mnwmsGtxXUU2dKnV+Wrj0WncmehX+t8S6OKeS7CvwKhJkCrxjyWH/Y/7ZlQezoXGyA1FvW/7961+eu5PUDdsWAUaBZqHjhMTL5xWTTg+d9m3L4xUdckPow4j1dpQFijdeyT4imCTa30x/7ZPri8sBcPWdTSgdnkcNteDJ6Bfp9VwiVw78LCnjsCmk/+24NKPIAxWh85Nn59Yf533l9A0U243yK4V0SFgfk2g8UV614ijnrjXq9z4CfMAYEQUAW31HnZUVSTkc0XNdBajo5ah0IiSxAabhwxgCBCLd4dqQudYl9OlXPZxSruaoPg7ygBj1C0p7jecSffF+vKkctDCuBItlY9KYl4elrZq8UyJwpYCZVA+xL6iLEaV+XJ42jdSdiU/pRAJ3ykPC4bg0puFPr9MRrYfC4pI0q9ZwPRZ1/LF6Fuf7E/XlSOwG5S2QxQYbhAGWgDg23h6Q9ulQzKCCk3ose4MRlWuXjlAlVssBrIO1SJhr4/GNBG0naFPR/vvjE9+dJSiwaWMIU8KIZqEGGyMGHndg5nlLkiATsOwErcOM7AcRCngW6C7m9zn6Te+swRyqLmqy4xvSqvDo46mvzLPLWx8xXs4wpaxomzR/iNH9jNHjrHicFplJnam+lVmObWJwvOxm85Az39wE4mApncmm0Kk5ZPO2LVoNF2zKfbhf6McTb8eux3B2N11r6LMBON4uIaoweIVlGRFTLB2SNqQSy9AmiSW5Pdp3UwYfitQgw7iKpWun8+LSPXnngrtByd6EY9V5ca7Eq8az1TO1S/KC2/pGHFN9vJdjfbOP9Av1qEtBPrXq10fEPnVVw7dzI+KZdX0wpkbaKhLxTlbTyRSfnJOdjwqHYfLopm2y8wwOJsvhdOKEnNt3iM+KgBzUClhAAVx1g0RoS0AMp7yJvNZ3heXVmf+fdS1TW67vMLYaWNEX/1yJTXDZYrPowGHmf1e8x1+2awd3LnDL8u9fFvaUyoU758Tl+2dTTOnO18GIh/LkPh/V/HEe0+v2UkeOCWRKvcX/GAVtAadqSIrSmPKAfJTuXRBhUOnqqbzwGS0Fq28GkQlq4NojR+jkrWjGijsiSNEkCAbvphMSajWWcQeEMJSIh6eTTQ27K0Foxm/G7xjRyLKgwKl9TQRZ9FkDdzwQcNhpxHsTfvGWrFEvb/IOZp16hvni+rhU6YhhJlBXJK8jXOoRm0tx+Avp757KyaO0lLeBBxzfnnUMH7+/NlweT0OYxiWl0boW3Bw+jW1xKYDLhIqmSRQjJKoXMNuRmuJir3VrtqmTlCCXIEE5T0s7syPFWlOVZO/6pZwnCpZl7/6YO2z1u/42Zrvi39yr2XbrxmyKGwMAYUAMsMztmpkL3cHyY0UhE9IEIARrH22B2nvhXimjTSyFbsiWHWAcJP74mcRUhARwOtKiV1cvKgcwOAhRclLKmcZg2YkEhEvJqYGNP3OACMkjHz2tWIt4x0tOmO4MHOnQJnTZGRrPU4KHBpcjQgS49C3MwGyswTlESL3aNta20qh+NZpIbcSaRPt2zfy6dgbVKLcBvNUcFWAF1DiExDafD50maU98K9u8CBBl9OsW1Adtke2VnwykWfp6pP+f66cTN9m9TMr4b6nGTyg57Pv0axfT4IDuV33pZfZzrkyLmX00EOeV5QwZ/W2NQaNgDGilncPxc3EfGo7TzjklffuEMPwAhojhZhETsAVibyfk5vYA2ZE2E82R5pYmVoU0mCQh6GP6IbnWOMKQWTxGVASvgRgMbY2PF4niExYuTEig0xPih78f6Gez+wfACI5uTYhnIA6JTxDYC1QxUBtIpnPI5GSSoyEzOBlJSdrHstOl5x8vlJeayufV8rxsAMzt6PTyKvG6cbGL6w3D3twuO2lvvHX2bO263AcryC2yDeLara20FPBRljpQScTGytR/2KOri3Tq0d0fVOGf0aFbRwR0Jrrsnknkb2Slsv6Q/aw3w8Rclk/M3H165Z3DA4dtDVzckSjqHJK9bEROqCrbZ+Ziw4zUiSGqiVPF5XU6kzpjkWFmxJt3adyybNc9iaKOxYayhbUZtel4pjalRkODZ4oKi9bAtE3yE+/sSrV9uLYv7t+Y2Igcn8kmN2XW+tCjHApf3yjN/53bUqEh5RFqDOvmEpK3bUVF9tfhIHQOwySRRV9ni2YfP94m4otsx0/o1ynq556ENoQnV1aG3Ph4W2vrEX8P9NPUos8TEgJK+ms69n6eLFL7m44f6T9SMcxiKXEsUeuFetOQ1zgm/8cF6kPlxcXdmrXA43cC3fVsBWJDKLQOMaC1WYFiUANSh1L+XAVb/1wFgkFqpJS8l41sjkTquB9NJrnulG4WEhMKXbfcRFK6Ih1rJG27yaR3ppcl9ErK6OWXFCIieJmnwnNZsIjg9gITga96Y5O6S8y1491Jw3wOAxG94w8OPVitUSR4rzRkls5gh6YORWaNjEmqxX2Fe+rsWWgQkzuYCELldqD9tvCO0x3h7QzAmiZ8I3ydjvzFc8IQ1UnPkyrkFM907Ba+Fr7JQFKveF5JNcT6NsCst+/a5Yx3WN5uLEGwDTLPcrfyMXg1zzRHviXUaggiTki6TAfsVwsgVj4WtaGhBeOkIuTufLinB55Pse+H3mdT4Pjm5vERAxEJv/9W8PyenvkjK6G2NqjSGtXO/7hZ66KsUGVbG7DgZI+7foTevefkKK6kpasFW+xf+D4yY2aGeNXA/FWPnm/pHnG4G5A9HF06+rpLD/Dt+Hmsr7DZHnDZ/WPIAnEC9NS1Z9kEtGDfiey7eMGQJxrqZRQZxzBladBTy4pdPy4s1B175tHEucCUXQCU0+FZJPmPnr2hkSoKfpv4vV//AZ+xAdOa65dDL3U6ikAR72yx02ks7UfNdYcnNb/y6OlysL1DNJjGmOlu8I5INY1Zstl549JchersfjH3zOV+Ruu1WYKpV5fRndrtwcsFrSwgn2YFAHM7Z1kJnIebG560m12SWWSlR34LElCA/2CI6JPHmpXPXDceToPvKYXTlO0SeKe5Wz4WM7G4C1Tplfo0Y+nB777fN5cajY5qMCcHVEuOVBtLN5/+yWPII+UM3s/TB0uN1d0SUP3TpQYtycqcgkkdu9fWwsCdmdYpyRFW1ypo1zwtRAFDqH6wHYWgJp0wnBEUGsQIF4L9ZD8IRAiAL2rFsvl4B85nR8YXvAiHjXdg8TADzyA18A0EnByIsydhoALEJrPwQKeC4/fHswAXjjorYC/uWNfhWdi3tEpc5ZHuml50cXpfHgM8EIKhrlXuPtfW3I4OMVgGkogEFQCLFz1aa7Zj47ICs4aMw+zYWt0vykPtb4a4sZlf8J1nQu24HU1zG8e+PItJ3Vdoo5hmG8cmHzrZ5Z+sLs/iBHaiHHQ2bz8wctcLNlKLEFhkUFwE9qm3BtErohlaBrfxacRTXumxiGOhqcdiaHDmaMgb+tLrMBzhs8m6yzpNo5bRujBUcmFrG9/i+PTBsYUvSVsQGLTQc50grg+mEUTUcfj7xETpxBLviWWG35tJTAbo25DQoXmsd3ogRanlrwZVf9GWhiQoxGaxQX1wi4ppsYxl1o91hIRccOc2jkUrRsSOQOICMJHmp/9Lu0ZWRFfMoyKo4BSJo0TgL5BIPNiA+J3onRiYMuN9NEc8KGZj84XIlLFeWfaZkDGqXvVvvcuU2f/Ohjm0qSrGT3bDWCksJBwlhWiC1JgRaFwgxtD8P0QWrtRWrp4QMSFoUkLi743em82X30SqyGqYjAkeIQtNVU43atgkuzEGT1YlqdS6xPhWWiaKBHq23ZncdHX5rzSlOVnJ4cpUG65OqYwbeUJJV0K+6wzbKNHENO7iVE6whl3jM7OaxZw1azyYkEYxZ/Vqs0KAU5l382ssRnY1qFnTToifoPXUFE6/F1WPPnFdtbKy6WYfyTfw+Zv45G0WeWtRO2qgF0fLZojodsReoOXIOQb+D41MLIftHDl+JFpm0FJ9WsgT8hXx5YKJqzHowPju402SznH+N9h3+8P4n0Jwt8Wt4i7Evhp8VVE9UB5fPqogvsB9DmdM0Gj30UFjmh8Wj5xKKUNDVkmu/as0G3faHdXijf7gG3JHJfCSaQ3RMl4u9P8Wt5a7vgOkq5fvWz4qzWS51CkxOUf3JFHUfMrOsaPzUVSPRMt7ujDFOweiYYbQNVyiDffknE0c+T3ja1N3ZpNhUx+3Utpa2CqtBLYeBrLC8wvv3bKQAbnbwfwwt6g1eRGFsuCiHHnxyqaNGWFkQN4OMB8Ad9UazaybzaRPHgnmgvkHRzIgI6xp499X3LmpKjmg8W23Q4+eOig3hZ6+ekCSlZ4aQEwSc0iTpAD5u/7kIbkp7NTVg1KjbRtAjdLyex+FESScKnpdTPKCEKOiwHmaLicc2F94Pz8SkFesFwB5qLdlhuel3s8Ma3KyXhmCpxb39+SuWluK3WomA/O2A/lAMY8kfYKLwNxckpReIAt1QJmL9DJJ+jdKUfHla5Xof/p8zRQKjLSWmD1s+Di2bcA8YGOPw20e2vUEyhhOevl7rJtOZE9eWMa2cbqY6uu0tQWugosi3RqD6oExIUWqDXtTdOBkZcbrFCcE05fp5Z8UvIpvujQqkZyRwilEbfgsqpCahdtQQWf++9EpflJC7AjWqWW9cXnj/NblLbNL+17+FUUIejfm8zXMIRRBQ6kS9rvUoIgjAqLLWTGUjW1DY1DiRI3n30Xr2HXoXcQzFgkauVtE4p4RlM8u6RvlTl8w3+oe8Yy+kssv+XUZrcNrqR1ULV6HnnyeDWZnEII7hC63UldkajXAUIrhxHoX2838E3Ux+gHnAF98cz9j+XBYMBtiQHAGDWYI7J9jBgwxHGAm++N8iOn9b2DAtPbtWrq6UDhie11MQRWrPLDqOY8xz5igjV8AC/IEuzufeZ0aXij0sg6n80SCXZZ4fDh/FteLVyxDkOctDA6iHnauMky5R4soUxM1ku2MeeDz6eKprIKqmCTeEXiBNj7B6H/pp4BzcmxqovOM4Xi8ZRdfzBMPR2XFPC+ilg9Atn8ayqFXfD+8Arz1A1Nf33sP8x1nISzjfDGHnYP5Q/RdNAvHuJMO7iz0Xgs8cyOxu1yLEJFf4e+PtnEVHF+OgjufEUM98rtkHsZYwFHgvriCw1uVoMWWO6M3nXX2mFhLuttZrd05Izo66h08qLKckvKSJF0PliRZm5utyUmIk05vttDtSXtlvLcjPjnyQYv+lsA/1p9/pHbxDH2K+PsS4XS6ONbbkk1jwkuFM2BXWjZk4w4l6qAeL64Nyqa5RviJYCZjpzqiJ2C8xzdJEOtN2AQe4oD7zXasjXO93tbWoreJ+obVLl4v67prXMCidR5ljvJSHsazyx29yoBVEqSkNooRFQ4t2xk54P5+160j3SLiFLf1OYztm/2aA+AQwjxH/TZZyVCG/bTtdBhomX2xJjKFlWLizAFaYPr2TZKmAx2kwjVfJ02y2VxsRxTjpfZXYYHRNWlSBqm23hngg8dWAAAG2+MeTA0WnU0QzhjMaycM5wEwaI2DsBVgOgua4PLGqIdngIi/wgwANAB6NNigQ4QbDx+98Atg6j/WEgy2xMzQHyeuBnz9uZsmcEZ9xpj/YbH+evZSuIHy5crptmiANwS1Ev4UQQQuvjx6j7waprwirMwLgd28e0XnNS/ZwRSnTv7fZgyAqK4H5l4dC3zzjS8LSwS8J6TwA2ebH3lHnHSf8UZyylveFR+dsDYni2SA6R2HtmNOwFPnyQ+qv/yo8+ak+4c3VvjzVnfko8ecVGGyXW7h9o2hBZPaHFUwVK03ya2Z+w23zZrdEWPSP7iH9Wo5Lt63fqGC0/DoO7cSscoyFfX588KQM6nGFGFk9CJtPZ9bludoqMxuZ9sYWsisk7I5Lh4MVXvbcuv77r/htlkzZ6+3xf/BPTxwZWm0EOC+cBXaa1msfedWBFGr8I5MRflEFFndREpjXynCyMjHMNraHB3NiuIx/3gZ9hiDb5+v5zLt1DAt7h5Wm/0PAuz08nYd383Xc0GXiw7ZtovGocp5JpOuKwk2ROna6Iw6ab72eBXN6cZ4mJRDl/u+hF3XEi1H90tLeQKf25DxomX0QddpYJTp56JzeqGaQ8UwBGoDoxpcOKZtu+w+IE+zGQA=') format('woff2'); } . . . |
最后将编辑过的css文件直接引入即可,其他文件无需引入,demo_index.html
是一个例子,打开它就可以看如何通过css使用字体