Html 页面可以呈现的最大字体大小

Html 页面可以呈现的最大字体大小,html,browser,font-size,Html,Browser,Font Size,网页中可以呈现的最大字体大小是多少 它取决于机器还是应用程序(浏览器)?可能两者都有。它还取决于查看网页的监视器的大小。您想了解的任何特定应用程序?是 每个设备都有一组它支持的字体和字体大小。对于台式计算机,这两套设备都非常大,但对于电话或其他小型设备,这两套设备可能相当有限。对于具有纯文本屏幕的设备,一种大小可能只有一种字体。不同浏览器的字体有所不同。例如,Mac/IE4+不会呈现指定的字体>255px.Opera 5在510px之后的变形。Mozilla似乎能够处理高达9362px的值,这恰

网页中可以呈现的最大字体大小是多少


它取决于机器还是应用程序(浏览器)?

可能两者都有。它还取决于查看网页的监视器的大小。您想了解的任何特定应用程序?


每个设备都有一组它支持的字体和字体大小。对于台式计算机,这两套设备都非常大,但对于电话或其他小型设备,这两套设备可能相当有限。对于具有纯文本屏幕的设备,一种大小可能只有一种字体。

不同浏览器的字体有所不同。例如,Mac/IE4+不会呈现指定的字体>255px.Opera 5在510px之后的变形。Mozilla似乎能够处理高达9362px的值,这恰好也是Netscape 4的限制。

在Firefox 3.6中,最大实际字体大小似乎是2000px。计算的高度/线高度上限约为2657px,进一步增加不会改变显示


Safari 5和Chrome 6(Webkit浏览器)似乎允许最大(但不包括)1000000像素的大小,之后文本根本不会呈现。

如果使用内嵌SVG,Chrome将字体大小限制为8000px。以下代码将在firefox(V59)的内联版本中工作。Chrome(V66)将使以下内联svg无法读取

<svg id="diagrammChart"
           width="100%"
           height="100%"
           viewBox="-400000 0 1000000 550000"
           font-size="27559"
           overflow="hidden"
           preserveAspectRatio="xMidYMid meet"
>
<g class="hover-check">
    <text class="hover-toggle" x="-16800" y="36857.506818182" opacity="1" height="24390.997159091" width="953959" font-size="27559">
        <set attributeName="opacity" to="1" begin="ExampShow56TestBarRect1.touchstart"
             end="ExampShow56TestBarRect1.touchend">
        </set>
        <set attributeName="opacity" to="1" begin="ExampShow56TestBarRect1.mouseover"
             end="ExampShow56TestBarRect1.mouseout">
        </set>
        Heinz: -16800
    </text>
    <rect class="hover-rect" x="-16800" y="12466.509659091" width="16800" height="24390.997159091" fill="darkred">
        <set attributeName="opacity" to="0.1" begin="ExampShow56TestBarRect1.mouseover"
             end="ExampShow56TestBarRect1.mouseout">
        </set>
        <set attributeName="opacity" to="0.1" begin="ExampShow56TestBarRect1.touchstart"
             end="ExampShow56TestBarRect1.touchend">
        </set>
    </rect>
    <rect id="ExampShow56TestBarRect1" x="-384261" y="0" width="953959" height="48781.994318182"
          opacity="0">
    </rect>

</g>
</svg>

亨氏:-16800

实际上,我需要开发一个JavaScript WYSIWYG编辑器,为此,我必须对字体及其呈现有更多的了解。今天我刚刚在MS word中插入了一个字体大小为2000的文本,它给了我一个警告,指出字体大小应该在1到1638之间。如果一个字体大小值很大的文本,我的编辑器将被破坏,因为我需要在编辑器中实现与MS word一样的分页。但是,您的编辑器的预期用途是什么?可能不是一个需要超大字体的应用程序。。。因此,在这种情况下,您可以将允许的字体大小限制在合理的范围内(就像Word显然将其限制为1638),对吗?但是我们不能阻止用户复制具有巨大字体大小值的文本,然后将其粘贴到我们的编辑器中…@KristianJ。七年后,甚至比现在更老。