# CSS IE8 Rage: Font-Face and Rounded Corners Edition!

**URL:** https://forum.kirupa.com/t/css-ie8-rage-font-face-and-rounded-corners-edition/326560
**Category:** web dev
**Created:** [December 24, 2011, 8:19am UTC](https://forum.kirupa.com/t/css-ie8-rage-font-face-and-rounded-corners-edition/326560 "2011-12-24T08:19:36Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![RussianBeer](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/russianbeer/32/152_2.png) [@RussianBeer](https://forum.kirupa.com/u/RussianBeer)
#### Post date: [December 24, 2011, 8:19am UTC](https://forum.kirupa.com/t/css-ie8-rage-font-face-and-rounded-corners-edition/326560/1 "2011-12-24T08:19:36Z")

</div>

Hello Forum!

I need to make sure I’m not doing anything wrong: I think my CSS is IE8 Valid, but nothing works! Fonts and Rounded corners specifically are completely different!  
**Website:**  
[http://s391442803.onlinehome.us/](http://s391442803.onlinehome.us/)

\*Issue 1: font-face \*

my css:

```auto
@font-face {
  font-family: Lobster;  
  src: url("fonts/lobster.eot"); 
  src: local("Lobster"),
    url("fonts/lobster.woff") format("woff"),
    url("fonts/lobster.otf") format("opentype"),
    url("fonts/lobster.svg#lobster") format("svg");
  /* src: local('Lobster'), url("fonts/Lobster.ttf") format('truetype'); */
  font-weight: normal;  
}

```

It works fine in all browsers BUT IE- and .eot files should work fine…right?

\*Issue 2: Rounded Corners  
\*The boxes on the left column all have the following CSS, but again in IE8 nothing!

```auto
.moduletable {
  background-color: #D4DEEA;
  -moz-border-radius: 15px;
  -webkit-border-radius:15px;
padding: 10px;
margin-bottom: 20px;
 behavior: url(border-radius.htc);
    position:relative;
  zoom: 1;

```

I checked a few times, added elements that sometimes cause trouble… yet nothing.  
Argghhh!:run: