网页中可呈现的最大字体大小是多少？
它是否取决于计算机或应用程序（浏览器）？
5个回答
4
这与浏览器有关。例如，Mac/IE4+不会渲染指定字体大小 >255px。Opera 5 在510px后出现问题。Mozilla似乎能够处理高达9362px的值，这恰好也是Netscape 4的限制。
- Warrior
1
@KristianJ。现在更年长了，七年过去了。 - Mindwin Remember Monica
3
在Firefox 3.6中，最大实用字体大小似乎为2000px。计算的高度/行高上限约为2657px，进一步增加不会改变显示效果。
Safari 5和Chrome 6（Webkit浏览器）似乎允许尺寸高达（但不包括）1000000像素，之后文本根本无法呈现。
Safari 5和Chrome 6（Webkit浏览器）似乎允许尺寸高达（但不包括）1000000像素，之后文本根本无法呈现。
- Seth Bro
3
是的。
每个设备都有一些支持的字体和字号。对于台式电脑来说，这两个集合都非常大，但对于手机或其他小型设备来说，这些集合可能相当有限。对于只有文本屏幕的设备，可能只有一个字号的字体。
- user25148
1
如果您使用内联SVG，Chrome将限制字体大小为8000px。下面的代码将在Firefox（V 59）的内联中工作。Chrome（V 66）将渲染以下内联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>
- Padina
0
这可能取决于许多因素，包括查看网页的显示器尺寸。您想了解哪个具体的应用程序？
- Daan
4
实际上，我需要开发一个JavaScript所见即所得编辑器，为此我必须更多地了解字体及其渲染。今天我只是将一个字体大小为2000的文本插入到MS Word中，它给了我一个警告，指出字体大小应该在1到1638之间。 - rahul
如果字体大小的值非常大，我的编辑器将会崩溃，因为我需要在编辑器中实现像 MS Word 中的分页。 - rahul
但是你的编辑器的预期用途是什么？可能不是需要非常大字体大小的应用程序... 因此，在这种情况下，您可以将允许的字体大小限制为合理的范围（就像Word显然将其限制为1638），对吧？ - Daan
但我们无法阻止用户复制一个具有巨大字体大小值的文本，然后将其粘贴到我们的编辑器中... - rahul
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接