javascript - 使用 javascript 和 jquery 加载外部字体

Question

我有一个用 jquery 动态创建的

元素，我想用我硬盘上的自定义字体来设置它的样式。

你能给我一个加载该字体并将其应用于该元素的方法吗。

现在，对象看起来像这样:

$("<p>").css({ fontFamily : "Arial",
               fontSize: "13px",
               color: "#000"});

我想用我的自定义字体替换 fontFamily : "Arial"。

谢谢， 加布里埃尔

Answer 1

这段代码完成了所有工作:

$("head").prepend("<style type=\"text/css\">" + 
                                "@font-face {\n" +
                                    "\tfont-family: \"myFont\";\n" + 
                                    "\tsrc: local('☺'), url('myFont.otf') format('opentype');\n" + 
                                "}\n" + 
                                    "\tp.myClass {\n" + 
                                    "\tfont-family: myFont !important;\n" + 
                                "}\n" + 
                            "</style>");