css - Html 本地文件中的字体

Question

我在 CSS 文件中选择字体时遇到问题。字体在本地 HTML 代码中显示不正确。

#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;
  }

HTML 文件中的字体与 Photoshop 设计中的不同。

Answer 1

你最好使用@font-face来自 CSS3。来自 W3School 的示例:

@font-face
{
    font-family: myFirstFont;
    src: url('Sansation_Light.ttf'),
        url('Sansation_Light.eot'); /* IE9+ */
}

div
{
    font-family:myFirstFont;
}