检测到论坛CSS可能没有正确加载，如出现排版混乱请刷新重试。

We detected that the CSS might not be loaded correctly. If the website displays abnormally, Please refresh and try again.

关于html语言的<font>标签的一个问题

さらば限界少女

简单说来, <font>标签的face属性(字体种类)不支持数字开头的字体名称.
原因目前未知.

さらば限界少女

起因是因为我写了这么一个html文件:

<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <title>font problem A</title>
    </head>

    <body>
        <font face="851tegakizatsu">
            The quick brown fox jumps over the lazy dog.
        </font>
    </body>
</html>

但是显示效果却是:

这是错误的显示效果. 因为这个字体的真正显示效果是:

さらば限界少女

当时我在思考, 为什么这个字体无法显示出来呢? 我突然想到, 会不会是因为字体名称是数字开头----这太特殊了, 我的电脑上只有851做的字体是这种名称.

现在我写了这么一个html文件:

<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <title>font problem A</title>
    </head>

    <body>
        The quick brown fox jumps over the lazy dog. (My Browser Default)   <br/> <br/>

        <font color="green">
            以下字体可以正常显示: <br/>
        </font>
        <font face="Harmony OS Sans SC">
            The quick brown fox jumps over the lazy dog. (Harmony OS Sans SC)   <br/>
        </font>
        <font face="Source Han Serif SC">
            The quick brown fox jumps over the lazy dog. (Source Han Serif SC)  <br/>
        </font>
        <font face="DengXian">
            The quick brown fox jumps over the lazy dog. (DengXian)             <br/>
        </font>
        <font face="K Gothic">
            The quick brown fox jumps over the lazy dog. (K Gothic)             <br/>
        </font>
        <font face="Ink Free">
            The quick brown fox jumps over the lazy dog. (Ink Free)             <br/> <br/>
        </font>

        <font color="red">
            以下字体不可以正常显示: <br/>
        </font>
        <font face="851tegakizatsu">
            The quick brown fox jumps over the lazy dog. (851tegakizatsu)       <br/>
        </font>
        <font face="851MkPOP">
            The quick brown fox jumps over the lazy dog. (851MkPOP)             <br/>
        </font>
    </body>
</html>

显示效果是:

さらば限界少女

851MkPOP的显示效果:

さらば限界少女

我起初怀疑浏览器检测到数字开头的字符串就直接pass掉了, 所以我在想可不可以用html转义符来代替数字开头, 我写了这么一段代码:

<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <title>font problem A</title>
    </head>

    <body>
        <font color="green">
            用转义符表示字体名称 <br/>
        </font>

        <font face="&#x49&#x6e&#x6b&#x20&#x46&#x72&#x65&#x65">
            The quick brown fox jumps over the lazy dog. (InkFree)   <br/>
        </font>
    </body>
</html>

我看到了一丝希望.

さらば限界少女

但可惜还是不行的.

<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <title>font problem A</title>
    </head>

    <body>
        <font color="red">
            但可惜还是不行的 <br/>
        </font>

        <font face="&#x38&#x35&#x31&#x74&#x65&#x67&#x61&#x6b&#x69&#x7a&#x61&#x74&#x73&#x75">
            The quick brown fox jumps over the lazy dog. (851tegakizatsu)   <br/>
        </font>

        <font face="&#x38&#x35&#x31&#x4d&#x6b&#x50&#x4f&#x50">
            The quick brown fox jumps over the lazy dog. (851MkPOP)   <br/>
        </font>
    </body>
</html>

所以这个问题就一直挂起着, 成为了悬案.

何木槿

Chromium Core's issue, not HTML (maybe)

init

在 Edge 98.0.1108.50 中使用CSS定义字体成功：

<!DOCTYPE html>
<style>
body {
  font-family: "851tegakizatsu";
}
</style>

<html>
    <head>
        <meta charset="UTF-8">
        <title>font problem A</title>
    </head>

    <body>
            The quick brown fox jumps over the lazy dog.
    </body>
</html>

大概率是HTML的问题

删封申诉 | 知乎专栏 | 状态监控 | 用户协议(EULA) | 隐私政策

本站文章除其作者特殊声明外，一律采用CC BY-NC-SA 4.0许可协议进行授权，进行转载或二次创作时务必以相同协议进行共享，严禁用于商业用途。

检测到论坛CSS可能没有正确加载，如出现排版混乱请刷新重试。

We detected that the CSS might not be loaded correctly. If the website displays abnormally, Please refresh and try again.

© 2025 wvbCommunity 管理团队