jquery - 使用 @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 元素中使用了类似的东西，我想为每个用户定制主题......也许这对你也有用。