使用@ font-face动态添加CSS

Question

我需要动态更改css的链接。在新加载的css中（在更改路径之后），有如下组件：

    @font-face 
{
    font-family:"DejaVu_Serif";
    font-style:normal;
    font-weight:normal;
    src:url(../fonts/DejaVu_Serif/font001.ttf);
}

但不幸的是，这些字体没有加载，任何想法我能做什么？

Answer 1

您是否尝试使用PHP创建要导入的CSS文件，然后通过快速jQuery调用将其加载到您的站点中...

var css = jQuery("<link>");
css.attr({
  rel:  "stylesheet",
  type: "text/css",
  href: "YOUR-PHP-FILE"
});
$("head").append(css);

我在之前的一个PhoneGap项目中使用过类似的东西，我想为每个用户设置自定义主题......也许这对你也有用。