search

drinchev / monosocialiconsfont

Mono Social Icons Font
SIL Open Font License 1.1
408 stars 56 forks source link

Using icons as links could maybe be optimized? #11

Open YESBOSS opened 11 years ago

YESBOSS commented 11 years ago

Excellent work Ivan. I love this feature.

I've been using the icons as link with a simple hover effect. - http://yesboss.dk/ At first it didn't really work out, so I had to customize a bit, no problem in doing that. But I don't seem to follow your logic as I understand it. Could this be done in a better way?

The other thing is the title on the link. Right now the title is used to link to the content. But the title is also used as the 'title' on the link. That means that the you get an inactive icon in the small preview when holding your mouse over the link(I guess it differ from browsers and OS). Do you think it would be better to use "type", "rel", "rev" or "media"?

Thanks again.

CorpusCallosum commented 9 years ago

I was having the same issue, so I changed it to use "target" instead of "title" following your logic, and that solved the problem. Like so:

            <a href='#' class='button share symbol' target='&#xe205;'>Download</a>

And edit the css to use the target attribute for the content: a.symbol:before { content: attr(target); margin-right: 0.3em; font-size: 200%; position: relative; bottom: -.08em; }