JS如何动态预览外部字体~~~~~~

我有一些外部字体（ttf格式文件）想在页面选择后动态预览样式~~~

解决方案 »

  1.   

    字体在Web的使用一直到最近才逐渐受到重视。长期以来，网页设计师不得不用图像的方式来解决特殊字体在网页上的显示。 
    有了动态HTML，就不用担心这个问题了，你可以把特殊字体放到服务器上，如果浏览者没有安装这种字体，可以通过网络下载该字体。 使用如何下载字体 1 新建一个HTML文档。 
    2 选择File菜单中的Save命令，在保存在一栏中，选择自己的文件夹，在文件名一栏中输入文件名。 
    3 把一个pfr文件（本例用到一个从网上下载的动态字体：http://www.truedoc.com/pfrs/Amelia.pfr保存到这个文件夹下。 
    pfr文件。Pfr(Portable Font Resource便携字体源）是一种可以支持Navifator与IE的可下载字体（IE需要一个控件支持）。利用Typoragh与WebFont Maker（网站地址分别www.hixmac.comwww.truedoc.com都可以生成这种字体，同时，你也可以在这些网站下载一些免费的特殊字体。 中文限制 令人遗憾的是，很少有中文的PFR文件提供下载，而且中文字体一般都在1M以上，也很难做到动态下载，看来如果想使用中文的动态字体还有待于网络速度的提高。 1 单击右下方的Show HTML Source。 
    2 在Show HTML Source的面板中，找到<head>区，在任一行敲回车，输入下列语句： 
    <link rel="fontdef" src="Amelia.pfr"> 
    <script language="JavaScript" 
    src="http://www.truedoc.com/activex/tdserver.ja";> 
    </script> 
    3 在<body>区中输入下列内容： 
    <font face="Amelia BT"> 
    <p>ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789</P> 
    <P>abcdefghijklmnopqrstuvwxyz0123456789</p></font> 
    </body> 
    点击Show HTML Source面板右上方的关闭按钮。 
    此时按F12预览，看不到任何字体效果。 
    把此文件连同PFR文件上传到服务器上，然后用浏览器查看此文件。