Question

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

是否依赖于机器或应用程序（浏览器）？

Answer 1

它在浏览器与浏览器之间有所不同。例如，Mac / IE4 +不会渲染指定的字体＆gt; 255px.Opera 5个怪物在510px.Mozilla之后似乎能够处理高达9362px的值，这恰好是Netscape 4的限制。

Answer 2

是

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

Answer 3

在Firefox 3.6中，最大实用字体大小似乎是2000px。计算出的高度/线高在大约2657px处，并且进一步增加不会改变显示。

Safari 5＆amp; Chrome 6（Webkit浏览器）似乎允许大小（但不包括）1,000,000像素，之后文本根本不会呈现。

Answer 4

如果您使用内联SVG，Chrome会将字体大小限制为8000px。以下代码将内联firefox（V 59）。 Chrome（V 66）将使以下的inline-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>

Answer 5

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

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

5 个答案: