`
windmark
  • 浏览: 32212 次
社区版块
存档分类
最新评论

Flex 字体 消除锯齿相关

    博客分类:
  • Flex
 
阅读更多

1. Adobe 官方:

控制清晰度、粗细和消除锯齿

默认情况下,在文本调整大小、更改颜色或在不同背景上显示时,Flash Player 或 AIR 可以确定文本显示控件的设置(如清晰度、粗细和消除锯齿)。在某些情况下,如文本很小、很大或显示在各种特别的背景上时,您可能需要保持对这些设置的控制。可以使用 flash.text.TextRenderer 类及其相关类(如 CSMSettings 类)来覆盖 Flash Player 或 AIR 的设置。使用这些类可以精确控制嵌入文本的呈示品质。有关嵌入字体的详细信息,请参阅使用嵌入字体

注: 为了设置清晰度、粗细或 gridFitType 属性,或者使用 TextRenderer.setAdvancedAntiAliasingTable() 方法,flash.text.TextField.antiAliasType 属性的值必须是 AntiAliasType.ADVANCED

以下示例使用名为 myFont

 的嵌入字体对显示的文本应用自定义连续笔触调制 (CSM) 属性和格式设置。用户单击显示的文本时,Flash Player 或 Adobe AIR 会应用自定义设置:

 

var format:TextFormat = new TextFormat(); 
format.color = 0x336699; 
format.size = 48; 
format.font = "myFont"; 
 
var myText:TextField = new TextField(); 
myText.embedFonts = true; 
myText.autoSize = TextFieldAutoSize.LEFT; 
myText.antiAliasType = AntiAliasType.ADVANCED; 
myText.defaultTextFormat = format; 
myText.selectable = false; 
myText.mouseEnabled = true; 
myText.text = "Hello World"; 
addChild(myText); 
myText.addEventListener(MouseEvent.CLICK, clickHandler); 
 
function clickHandler(event:Event):void 
{ 
    var myAntiAliasSettings = new CSMSettings(48, 0.8, -0.8); 
    var myAliasTable:Array = new Array(myAntiAliasSettings); 
    TextRenderer.setAdvancedAntiAliasingTable("myFont", FontStyle.ITALIC, TextColorType.DARK_COLOR, myAliasTable); 
}

 

2. 直接设置字体:

在Flex中加入如下代码:

 <mx:Style>
        @font-face {
            src: local("Arial");
            fontFamily: "ArialEmbedded";
        }
  </mx:Style>

 或者在引用的CSS文件中加入:

   @font-face {
            src: local("Arial");
            fontFamily: "ArialEmbedded";
       }
 

然后在flex中需要抗锯齿效果的文字都采用Font=“ArialEmbedded”即可。可把Arial化成其他字体使用。

 

分享到:
评论

相关推荐

    FLEX字体助手.rar

    不是所有字体都可以无限制地嵌入到项目中,因此在选择和使用字体时,了解和遵守相关的授权条款是非常必要的。 8. **跨平台兼容性**:FLEX字体助手旨在确保字体在各种操作系统和设备上都能正常工作,包括Windows、...

    flex 字体自动放大缩小例子

    在这个名为“flex 字体自动放大缩小例子”的项目中,我们将探讨如何利用Flexbox布局模型来实现这一功能。 首先,Flexbox(Flexible Box),也被称为弹性盒布局,是一种现代的Web布局模式,旨在简化复杂的多列和多行...

    flex 消 除 锯 齿

    在前端开发中,"flex消除锯齿"是一个关于使用Flexbox布局来优化界面显示,特别是处理元素边缘在不同设备或浏览器上可能出现的像素不平滑现象的问题。Flexbox,全称为Flexible Box,是CSS3中的一种布局模式,设计用于...

    flex字体制作软件

    Flex字体制作软件是一款专为Flash开发者设计的字体编辑工具,它允许用户创建、修改和定制自定义的矢量字体,以实现独特的视觉效果。在Flash内容制作中,字体是传达信息的重要元素,而Flex字体制作软件则提供了一种...

    Flex3.0设备字体,字体嵌入

    ### Flex3.0 设备字体与字体嵌入详解 #### 一、背景介绍 在开发Flex应用程序时,设计师和开发者经常需要使用特定的字体来增强界面的美观度和独特性。然而,不同的用户系统可能存在字体差异,这可能导致设计好的文本...

    Flex 使用中文设备字体 解决办法

    在开发Flex应用程序时,可能会遇到一个问题,即默认情况下,Flex使用的是英文字体,这在显示中文内容时可能会出现不匹配或显示不全的情况。...同时,持续关注Flex和相关工具的更新,以获取最佳的字体支持和性能优化。

    Flex 关于字体的应用示例介绍

    同时,设置 advancedAntiAliasing 为 true 可以消除文本的锯齿,让字体在界面上显示得更加平滑。 当需要使用多种字体时,可以建立多个@font-face规则。但重要的是,如果在@font-face中已经指定了fontWeight和...

    flex特效鼠标放上去字体变大的特效

    根据给定文件的信息,本文将围绕“Flex特效:鼠标放上去字体变大的特效”这一主题进行深入探讨。本文首先简要介绍Flex技术及其在Web开发中的应用,随后详细解析实现鼠标悬停时字体放大效果的具体代码逻辑和技术要点...

    flex button的label字体垂直显示

    总结来说,实现`Flex Button`的`label`字体垂直显示主要涉及以下步骤: 1. 创建一个自定义样式表,定义`Button`的垂直文本样式。 2. 在应用中引用该样式表。 3. 可选地,创建一个自定义`Button`类,应用样式。 通过...

    Flex Flex Flex Flex

    Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex Flex ...

    改变flex DataGrid单元格字体颜色

    在Flex开发中,DataGrid控件是用于展示结构化数据的一种常见组件,它允许用户以表格形式查看和操作数据。本知识点将详细讲解如何根据DataGrid中的数据属性来动态改变单元格的字体颜色,以增强视觉效果并突出关键信息...

    flex创建的字体属性框

    根据给定的信息,本文将详细解释“flex创建的字体属性框”的相关概念和技术要点,包括Flex框架中的字体属性设置、MXML与ActionScript混合编程、数据绑定以及UI组件的运用等。 ### Flex简介 Flex是一种用于构建跨...

    Flex应用AdvancedDataGrid表头皮肤

    3. **样式和主题**:在Flex中,我们可以使用CSS来设置AdvancedDataGrid的样式,包括表头的颜色、字体、间距等。Flex还支持主题(Theme),通过预定义的一系列样式和皮肤,可以快速改变整个应用程序的外观。例如, ...

    Flex万年历记事本_flex源码

    Flex是Adobe公司推出的一种基于ActionScript 3.0的开源框架,主要用于构建富互联网应用程序(Rich Internet Applications,简称RIA)。这种技术允许开发者创建具有高度交互性和动态视觉效果的Web应用,提供比传统...

    flex相关jar包

    2. **Flex SDK集成**:引入Flex相关的JAR包,可以让LoadRunner更好地理解Flex应用的结构和行为,因为它们包含了Flex SDK的一部分功能。 3. **模拟用户交互**:Flex应用通常包含丰富的用户界面元素,如按钮、滑块和...

    记事万年历flex源码

    6. **样式和皮肤**:Flex允许开发者自定义组件的外观,通过CSS样式或皮肤来改变组件的颜色、字体、形状等,以达到美观的效果。 7. **图形和动画**:Flex中的Flash Player或Adobe AIR运行时提供了强大的图形渲染能力...

    Flex相册 Flex图片

    Flex相册 Flex图片

    flex css设计器

    在Flex中,CSS(层叠样式表)扮演着关键角色,它控制了应用程序的外观和布局,包括字体、颜色、大小、间距以及组件的排列方式等。 Flex CSS设计器的核心功能包括: 1. **可视化编辑**:用户可以通过拖放和直观的...

Global site tag (gtag.js) - Google Analytics