0

我在这里遇到了很多问题,但我不明白为什么我正在做的事情不起作用——但事实并非如此。我想在网站中使用几个非标准字体,通过 css 嵌入。

这是我从 FontSquirrel 得到的 CSS 的样子:

@font-face {
    font-family: 'CrimsonRoman';
    src: url('Crimson-Roman-webfont.eot');
    src: url('Crimson-Roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('Crimson-Roman-webfont.woff') format('woff'),
         url('Crimson-Roman-webfont.ttf') format('truetype'),
         url('Crimson-Roman-webfont.svg#CrimsonRoman') format('svg');
    font-weight: normal;
    font-style: normal;

这是我的主要 CSS 样式表中引用它的地方:

p {
  margin: 0 0 9px;
  font-family: 'CrimsonRoman', Garamond, Times, Times New Roman, serif;
  font-size: 13px;
  line-height: 18px;
}

现在一切都在同一个目录中,所以我什至还没有处理目录导航。“p”声明本身似乎正在工作,因为如果我将第一个术语更改为“Crimson”,即字体在我的计算机上的名称,它会很好地加载它(或者如果我将它切换到我在本地安装的任何其他字体)。不管是什么问题,我都没有看到。

两张表都在我的 html 文档中成功链接,并且字体链接在主表之前。

我正在使用 Firefox 进行测试。

4

3 回答 3

0

确保您的目录路径正确并指向您的字体在服务器上的文件夹。

例如

@font-face {
    font-family: 'CrimsonRoman';
    src: url('/fonts/Crimson-Roman-webfont.eot');
    src: url('/fonts/Crimson-Roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Crimson-Roman-webfont.woff') format('woff'),
         url('/fonts/Crimson-Roman-webfont.ttf') format('truetype'),
         url('/fonts/Crimson-Roman-webfont.svg#CrimsonRoman') format('svg');
    font-weight: normal;
    font-style: normal;
}
于 2012-05-02T22:23:37.560 回答
0

事实证明,这与 Dreamweaver 如何呈现页面或读取 CSS 等有关。我最终将所有内容上传到该站点,以便向几个人展示发生了什么以及神秘地加载的字体。所以我今晚的教训是将 Dreamweaver 的设计视图视为一个可能不准确的草图,并在我花费数小时试图修复未损坏的东西之前准确地查看它们将在哪里。:\

于 2012-05-03T09:17:49.613 回答
-1

不是您要寻找的答案,但我真的想建议为此使用 Cufon。(直接链接到Cufon)

尽管@font-face 越来越多地被 IE 等浏览器支持,但它仍然不能在每台计算机上完美运行。正如我们所说,Cufon 得到以下机构的支持:

  • Internet Explorer 6、7 和 8
  • Internet Explorer 9 beta(从 1.09i 开始)
  • 火狐浏览器 1.5+
  • 野生动物园 3+
  • Opera 9.5+(9.01+ 1.10)
  • 谷歌浏览器 1.0+
  • iOS 2.0+
  • Opera Mini(在一定程度上)

...并在这种方式旁边提供更酷的字体选项。

于 2012-05-02T22:31:12.727 回答