WebFonts的问题（1998年的一篇文章）-DEV365 开发者社区

我在1998年初写了一篇有关“可下载字体文件的问题”的小文章，并在selfhtml上发表。

当时，WebFonts也被称为“动态字体”或“可下载字体”。

SelfHTML是德语国家中HTML，CSS，JavaScript和XML的最流行和全面参考。还有一个论坛，用户可以问并回答技术问题。

在1998年，WebFonts是全新的，需要大量精力将它们集成到网站中。此外，当时的私人用户还没有高速互联网。还需要特别注意将它们集成到您的网站上，因为下载速度缓慢。

我在1998年用德语写了这本original article，现在用Deepl自动翻译这篇文章。
我的文章与Truedoc（Truedoc.com），Netscape（NetScape.com）和Microsoft（Microsoft.com）的超链接被打破了，因为公司或网站不再存在。超链接指向快照（1998年末至1999年初），
我在Google翻译中打开的文章（德语至英语）中的SelfHTML（1998年版本）镜子的链接。

遵循英文翻译的德语文章：

可下载字体文件的问题

基于：
的发布 Andrâ©laugk

您可以阅读Microsoft和Netscape在Downloadable Fonts节中采用的不同方法。有几种适应两个浏览器之间差异的方法。

1.可能性：在Internet Explorer中加载主动X控件

公司TrueDoc提供了一个ActiveX控件，可以在Internet Explorer中显示pfr字体文件。在文档的标题中，包括根据HTML语法或CSS语法的外部JavaScript文件和pfr字体文件的链接。外部JavaScript文件包含浏览器查询。如果您的文档已加载到Internet Explorer中，则会从Truedoc服务器加载ActivX控件。外部JavaScript文件和ActiveX控件可在Truedoc服务器上自由使用。有关ActiveX控件，外部JavaScript文件和版权的详细信息可以在Truedoc主页上找到。

http://www.truedoc.com/webpages/FAQs/activex_faq.html
关于Truedoc ActiveX Controt的常见问题

http://www.truedoc.com/webpages/intro/howto_ie.htm
在I 4

中使用PFR字体文件

此方法的优势是您不必刻录eot字体文件。这简化了您项目中字体文件的管理。实际上，活动X控制最常使用。

2.1选项：加载浏览器查询和字体文件动态文件

如果您决定使用PFR和EOT字体文件，则可以使用浏览器查询来确定您的页面是在Netscape Navigator还是Internet Explorer中加载的。您可以通过document.all和Netscape Navigator 4.01及更高版本轻松，可靠地查询Internet Explorer 4.0及更高版本。根据浏览器，JavaScript动态地将CSS语法写入页面的标题。

<html>
<head>
    <script language="JavaScript">
        <!--
        document.writeln('<style type="text/css"><!--')
        document.writeln('@font-face {');
        document.writeln('font-family:Chianti XBd BT;');
        if(document.layers) {
            document.writeln('src:url(http://www.meine.com/fonts/chianti.pfr); }');
        }
        if(document.all) {
            document.writeln('src:url(http://www.meine.com/fonts/chianti.eot); }');
        }
        document.writeln('//--></style>')
        //-->
    </script>
</head>
<body>
    <p style="font-family:Chianti XBd BT">Text in sample font</p>
</body>
</html>

2.2加载单独的CSS文件

您还可以选择使用浏览器查询来加载包含CSS语法的separate CSS file。
您应该在Netscape Navigator中广泛测试此过程，因为它通常在单独的CSS和JavaScript文件的动态加载方面存在问题。

<html>
<head>
    <script language="JavaScript">
        <!--
        if(document.layers) {
            document.writeln('<link rel="stylesheet" type="text/css" href="nn.css">');
        }
        if(document.all) {
            document.writeln('<link rel="stylesheet" type="text/css" href="ie.css">')
        }
        //-->
    </script>
</head>
<body>
    <p style="font-family:Chianti XBd BT">Text in sample font</p>
</body>
</html>

/* separate CSS file for Netscape Navigator - nn.css */

@font-face {
    font-family:Chianti XBd BT;
    src:url(http://www.meine.com/fonts/chianti.pfr);
}

/* separate CSS file for Internet Explorer - ie.css */

@font-face {
    font-family:Chianti XBd BT;
    src:url(http://www.meine.com/fonts/chianti.eot);
}

可下载字体的“风险和副作用”

由于浏览器差异以及缺乏对可下载的字体文件的支持，旧浏览器或通过歌剧以及带宽，不幸的是，可下载的字体文件也充满了风险和副作用！

！

NetScape Navigator最多可发布4.01版，Internet Explorer，截至版本4.0，Opera不支持可下载的字体文件。
字体文件的尺寸最高可达150kb，这可能会导致长下载时间
ActiveX控件的大小为69kb，这可能会导致长下载时间
ActiveX控件可能会在访问者的Internet Explorer中禁用，因此pfr文件不会在Internet Explorer中加载。
JavaScript和CSS可能在访问者的浏览器中被禁用
卸载的字体文件可能会弄乱页面的布局或设计，预期效果将无法实现
仅当字体文件完全加载时显示字体，然后显示了指定的字体

减轻风险和可下载字体文件的副作用

如果您确实决定使用可下载的字体文件，则应考虑一些事情：

定义替代字体：<p style="font-family: "Chianti XBd BT", arial;">text in sample font</p>
对于不支持可下载字体的浏览器，可能会提供替代页面。
燃烧字体文件之前，请删除您不需要的字符