I've installed a web font through custom code. The issue is that the icon keeps repeating itself despite me entering a new code. and it shows the incorrect one too.

this is how i want it to look like ( and how it looks like when i'm in the design studio )

and this is how it's currently looking

i'm placing the web font throug css (using :before) because i want the members to use the regular ning icons if they choose to remove the site theme from their page. 

can anyone what i could possibly be doing wrong ?