Flex字体渲染差异从4.1到4.5

发布时间：2020-12-15 02:11:27 所属栏目：百科来源：网络整理

导读：我目前正在将应用程序从Flex 4.1升级到4.5 我们注意到,当在小尺寸下使用时,Arial字体在两个版本之间的呈现方式不同. 这是一个简单的应用示例： ?xml version="1.0" encoding="utf-8"?s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="libra

我目前正在将应用程序从Flex 4.1升级到4.5

我们注意到,当在小尺寸下使用时,Arial字体在两个版本之间的呈现方式不同.

这是一个简单的应用示例：

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
    <fx:Style>
        @namespace s "library://ns.adobe.com/flex/spark";
        @namespace mx "library://ns.adobe.com/flex/mx";
        @font-face { 
            src: url("/assets/fonts/ARIAL.ttf"); 
            fontFamily: arial; 
            embedAsCFF: true; 
        }
        @font-face { 
            src: url("/assets/fonts/ARIALBD.ttf"); 
            fontFamily: arial; 
            embedAsCFF: true; 
            font-weight: bold;
        }
        global
        {
            font-family: arial;
        }
    </fx:Style>
    <s:Label text="Hello world" fontWeight="bold" x="20" y="20"  />
</s:Application>

当针对2个不同的sdks运行时,这是我们得到的字体渲染的图像：

请注意,在4.5中,字体看起来略微压扁.

造成这种情况的原因是什么,我们如何解决？

解决方法

我最好的猜测是,它与 the changes that were made相关,支持手持设备上的字体.要修复它,您可能需要稍微使用样式表设置.

CSS Media Queries
You can now use @media rules in your style sheets to
filter CSS rules based on the device’s
DPI classification. There are two
properties you can filter on
currently,os-platform and
application-dpi. Here’s an example of
filtering on them to set a button font
for instance (from Adobe’s prerelease
docs):

@media (os-platform: "Android") and (application-dpi: 240) {
s|Button {
     fontSize: 10;
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!