I have seen a lot this type of fonts (the ones in the bar). It is a relief effect or the font is just like that?
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It only takes a minute to sign up.Sign up to join this community
It is simply a white drop shadow applied to the text.
In this case, it is achieved with the CSS code:
text-shadow: 0 1px 0 white;
Works best on bold text.
The icons would probably have been done in Photoshop in a similar style to match. In Photoshop, you could get the same effect by duplicating the text, moving the duplicate down one pixel, dropping it to a layer underneath, and making it white.