Home › Forums › CSS › Appending A Data-Icon To An External Link With CSS3 › Re: Appending A Data-Icon To An External Link With CSS3
@Paulie, That’s exactly what I’m trying to do, but I cannot get the syntax correct.
In the Icomoon style sheet it says this:
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
font-family: ‘icomoon’;
content: attr(data-icon);
speak: none;
font-weight: normal;
-webkit-font-smoothing: antialiased;
}
but something is wrong or missing in my syntax below.
.footerdivleft a[href^=”http://”%5D:after, .footerdivmiddle a[href^=”http://”%5D:after, .footerdivright a[href^=”http://”%5D:after {
font-family: ‘icomoon’;
content: attr(‘’);}
Any ideas? @Joni, your solution blows my still newbie mind.
Glenn