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
,因为它是expanded
的closer?
或者,更极端的情况,如果两个可用宽度为
ultra-condensed
(50%)semi-expanded
(112.5%)并且要求font-stretch: normal
(100%),该算法将选择哪个?
来自3.3. Font width: the font-stretch property
当没有给定宽度的面时,法线或精简值将映射到较窄的面,否则将映射为较宽的面。相反,扩展值映射到较宽的面孔,否则映射为较窄的面孔。
因此,我的意思是“最近的较宽的面孔,如果有的话,否则就是最近的较窄的面孔。”