Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by robertgrieggran
robertgrieggran
1,576 Points

CSS content icons

One of the videos had content: "\2706" ; which produced the icon of a phone.

Was this from an icon-font loaded in the html? Or are there some icons pre-saved in css?

Thanks!

Sergii Sinkevych
Sergii Sinkevych
4,415 Points

and how these symbols convert to CSS?? For example, phone it is = ✆ (HTML) and \2706;(CSS). Do you have link with CSS codes \2706 etc...

thomascawthorn
thomascawthorn
22,986 Points

I'm pretty sure the html codes should work in css? I can't remember fully, but this video might have what you're looking for.

http://teamtreehouse.com/library/css-foundations/advanced-selectors/pseudoelements-before-and-after

Sergii Sinkevych
Sergii Sinkevych
4,415 Points

I think you didn't understand my question. Sorry for my English. I meant, if &_9990 in HTML this is - \2706; in CSS. What if I want to style symbol &_9742; - so what I have to write in CSS \2708 or \2710? or what?? Where is the table of these codes : \2706, \2708 etc...The link of &codes we can see on the site posted here, but where can we find link with \codes?

thomascawthorn
thomascawthorn
22,986 Points

hmm.. I'm not 100% sure if I'm honest, you could try using a font:

http://astronautweb.co/snippet/font-awesome/

This is an example of the font-awesome codes

Sergii Sinkevych
Sergii Sinkevych
4,415 Points

thank you, Thomas. But the http://fontello.com I think better, because you don't need to load all symbols, only those, what you need in your project. But main idea, what I want - it is to use default code, as \2706. And there will not neccesary to load addition @font-face or import additional .css styles. It will be very good think, if we'll have a site, where we can see what those default codes mean, ex.: \2706 - it is a phone, \2830 - it is a facebook icon and etc.

4 Answers

thomascawthorn
thomascawthorn
22,986 Points

it's an html special character. Take a look at this http://www.sabinanore.com/design/html-special-symbols/

Sergii Sinkevych
Sergii Sinkevych
4,415 Points
Sergii Sinkevych
Sergii Sinkevych
4,415 Points

.