使用javascript和jquery加载外部字体

Question

我有一个用jquery动态创建的<p>元素,我想用我硬盘上的自定义字体来设置它.

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

现在,该对象看起来像:

$("<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>");