0

我在 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 设计中的字体不同。

4

3 回答 3

0

你必须嵌入字体

使用以下网站生成字体 www.fontsquirrel.com/fontface/generator

@font-face {
    font-family: 'YourFont';
    src: url('YourFont.eot');
    src: url('YourFont.eot?#iefix') format('embedded-opentype'),
         url('YourFont.woff') format('woff'),
         url('YourFont.ttf') format('truetype'),
         url('YourFont.svg#YourFont') format('svg');
    font-weight: normal;
    font-style: normal;
}
于 2013-03-27T09:16:06.280 回答
0

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

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

div
{
    font-family:myFirstFont;
}
于 2013-03-27T09:14:30.773 回答
0

您不能只在网络上/在 HTML 中使用任何字体。你有一种叫做网络安全字体的东西，可以手动添加自定义字体。

检查 FontSquirrel 的转换技术：http ://www.fontsquirrel.com

如果字体在您的本地计算机上，则如果浏览器尝试查找它，它“可以”工作，但您不能依赖它，因为大多数访问您网站的其他用户不会在他们的网站上使用它，从而制作字体回退到 Arial 或类似的默认字体。

Font-squirrel 会给你这些格式（名字就是一个例子）；

  • 阿拉伯语.eot
  • 阿拉伯语.svg
  • 阿拉伯语.ttf
  • 阿拉伯语.woff

包含所有这些内容后，所有主要浏览器都应该能够使用以下@font-face属性读取您的自定义字体：

@font-face {
    font-family: 'arabic transparent';
    src: url('arabic.eot');
    src: url('arabic.eot?#iefix') format('embedded-opentype'),
         url('arabic.woff') format('woff'),
         url('arabic.ttf') format('truetype'),
         url('arabic.svg#arabic_transparent') format('svg');
    font-weight: normal;
    font-style: normal;
}

#main_menu ul li {
    font-family: 'arabic transparent';
}
于 2013-03-27T09:14:16.030 回答