解释CSS 3字体匹配算法

问题描述 投票:1回答:1

CSS 3 Font Matching Algorithm状态

4。 a。 ‘font-stretch’首先尝试。如果匹配集包含宽度值与‘font-stretch’值匹配的面,则将从匹配集中删除具有其他宽度值的面。如果没有与宽度值完全匹配的人脸,则使用最接近的宽度。如果‘font-stretch’的值为‘normal’或压缩值之一,则首先检查较窄的宽度值,然后检查较宽的值。如果‘font-stretch’的值是扩展值之一,则首先检查较宽的值,然后检查较窄的值。通过此过程确定最接近的匹配宽度后,将从匹配集中删除具有其他宽度的面。

您如何结合“最接近的宽度”来解释规格的顺序?

说可用宽度是

  • semi-expanded(112.5%)
  • ultra-expanded(200%)

如果页面要求font-stretch: expanded(125%),则规范要求先查看较宽的值,然后再查看较窄的值。那么,选择的宽度最终会是ultra-expanded,因为它比expanded wider,还是semi-expanded,因为它是expandedcloser

或者,更极端的情况,如果两个可用宽度为

  • ultra-condensed(50%)
  • semi-expanded(112.5%)

并且要求font-stretch: normal(100%),该算法将选择哪个?

css fonts gecko blink
1个回答
0
投票

来自3.3. Font width: the font-stretch property

当没有给定宽度的面时,法线或精简值将映射到较窄的面,否则将映射为较宽的面。相反,扩展值映射到较宽的面孔,否则映射为较窄的面孔。

因此,我的意思是“最近的较宽的面孔,如果有的话,否则就是最近的较窄的面孔。”

© www.soinside.com 2019 - 2024. All rights reserved.