I have a problem when I choose a font in a CSS file. The font doesn't appear correctly in local HTML code.

```
#main_menu ul li
  {
      border-left:1px solid #dad8d8;
      font-family:"arabic transparent";
      font-size:16px;
      padding: 0px 20px;
      color: #e2001a;
      list-style: none;
      display: inline;
      font-weight: bold;
  }

```

The font in the HTML file isn't like in the Photoshop design.