Targeting styles in an iframe in IE9

I recently had the opportunity to work on a project for a large company that was implementing an extensive search repository consolidation. In addition to having the search be accessible through their CRM, they wanted this search to be available on their two intranets as well through an iframe. Suffice it to say these intranets were run on pretty outdated platforms because they had to work on much older versions of Internet Explorer, which was the company standard.

My role in this project was the front-end development of the search interface. With this particular issue, I worked with the company’s back-end developers to implement the iframe into the individual intranets. We ran into a few issues, of course, when testing older versions of Internet Explorer including 9 & 10. What happened was that the meta tag on the parent page (the intranet) that sets the document mode was forcing IE to render the web page as IE8, therefore messing with the styles on the search page in the iframe.

[…]

@font-face CSS Property: The use of and why it’s important

Nothing irritates me more on websites than when I see text in graphics. Okay, I take that back – people not picking up after their dogs irritates me more, but I digress. Why would you put perfectly good headers or body text in a graphic? Some people would say, “Because I want to use that font, but it’s not web-safe.” We-he-he-he-llll, friend, let me tell you a little secret: the @font-face CSS property is here to save the day.

This CSS property, released with CSS3, allows you to essentially call a font file from your server and load on your website. I kind of nerded-out a little when I saw a preview of what this property was capable of. I’m not ashamed to admit that drooled a little…
[…]