在流星中使用font-face?

时间:2013-06-08 04:24:13

标签: fonts meteor font-face

我正在尝试在流星中使用CSS @ font-face,但由于某种原因它无效:

@font-face {
    font-family: printFailed; 
    src:
    url("../public/fonts/wlm_print_failed.ttf"),
    url("../public/fonts/wlm_print_failed.eot");
}

我检查过我的路径和拼写。

当我在浏览器中检查元素时,似乎文件路径和名称是正确的,但浏览器替换的是通用字体而不是预期的自定义字体。

任何指针? 感谢。

1 个答案:

答案 0 :(得分:27)

只需使用/,因为public中的所有内容都会从Web浏览器的角度成为根目录:

@font-face {
    font-family: printFailed; 
    src:
    url("/fonts/wlm_print_failed.ttf"),
    url("/fonts/wlm_print_failed.eot");
}