【问题标题】:web font doesn't get applied! @font-face网络字体没有得到应用! @字体脸
【发布时间】:2014-09-05 17:06:06
【问题描述】:

我正在努力使用网络字体,我正在使用 DejavuSans 来显示 Georgia ქართული 文本。

不幸的是,它没有得到应用,我没有想法。

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

body
{
   font-family: 'DejaVuSans' !important;
}

我从这里下载的:http://www.fonts2u.com/dejavu-sans.font

我在这里应用了它:http://mac.idev.ge:800/breakmedia/

Chrome 检查器告诉我 css 已正确覆盖,但字体本身在哪里??

【问题讨论】:

  • 你指定的网页字体路径错误?
  • 对我来说似乎工作正常......?!至少文本显示正确,但无法真正分辨出它正在呈现的字体。
  • @AlexWilson 不这么认为,我没有得到 404。
  • @deceze 它是被渲染的标准衬线:(
  • 虽然现在通过萤火虫查看显示使用了这种字体

标签: html css fonts webfonts


【解决方案1】:

Urls 与包含 css 文件的文件夹相关。因此,您的字体网址必须是绝对的并指向根,例如:

/font/DejaVuSans.eot

或相对并指向上一个文件夹:

../font/DejaVuSans.eot

等取决于您的样式表和字体所在的位置。

【讨论】:

  • 网址正确。 css.css 在根字体文件夹是字体/字体文件。正如我所说,我没有得到 404。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2016-03-13
  • 2014-09-02
  • 1970-01-01
  • 2014-02-25
  • 2011-06-13
  • 1970-01-01
  • 2018-05-09
相关资源
最近更新 更多