Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

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!

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...

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

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?

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

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

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

.