Silverlight 5 RC新特性探索系列:15.Silverlight 5 RC 对OpenType字体属性的支持

  1. 云栖社区>
  2. 博客>
  3. 正文

Silverlight 5 RC新特性探索系列:15.Silverlight 5 RC 对OpenType字体属性的支持

煦风满裳 2016-04-11 10:13:53 浏览798
展开阅读全文

 在Silverlight中新增了对OpenType字体属性的支持,它主要通过Typography类的相关属性来控制。下面我们来看看它增加了哪些属性。

注意:必须使用系统的OpenType字体才行,所以FontFamily="Gabriola"。

一、连笔字

        在"ft"之间相连起来,如下图绿色框内所示主要通过 Typography.StandardLigatures的True或者False来决定是否连笔:

   

        然后我们看代码如下:

        <TextBlock FontFamily="Gabriola" FontSize="100" HorizontalAlignment="Center" 
                   Margin="33,304,142,114" Text="NewsftepSet-" 
                   Typography.StandardLigatures="False" Width="525" />
        <TextBlock FontFamily="Gabriola" FontSize="100" HorizontalAlignment="Center"
                   Margin="33,406,142,12" Text="NewsftepSet-"
                   Typography.StandardLigatures="True" Width="525" />

二、分数字

        将1/5、4/13等分数按照数学上的分数字来显示,通过设置Typography.Fraction属性为Normal、Slashed、Stacked来控制。

    

        其代码如下:

<TextBlock Text="5/152 Normal"  HorizontalAlignment="Center"  
                   FontFamily="Gabriola" FontSize="50"   Height="100"  
                   Typography.Fraction="Normal" Margin="487,313,12,187" />
        <TextBlock Text="5/152 Slashed" HorizontalAlignment="Center"  
                   FontFamily="Gabriola" FontSize="50"   Height="100"  
                   Typography.Fraction="Slashed" Margin="487,373,31,0" VerticalAlignment="Top" />
        <TextBlock Text="5/152 Stacked"  HorizontalAlignment="Center" 
                   FontFamily="Gabriola" FontSize="50"   Height="100"   
                   Typography.Fraction="Stacked" Margin="487,419,9,81" />

三、上下标字

      比如化学里的三氧化二铁等,通过设置Typography.Variants属性为Subscript、Superscript来实现上下标。如下图:

    

      其具体代码如下:

<TextBlock    FontFamily="Gabriola" FontSize="50"   Height="100"
                      HorizontalAlignment="Center"     Margin="487,488,117,12" >
            <Run Text="Fe" Typography.Variants="Normal" /> 
            <Run Text="2" Typography.Variants="Subscript" />  
            <Run Text="O" Typography.Variants="Normal" />
            <Run Text="3" Typography.Variants="Superscript" />
        </TextBlock>

四、手写字

      在生活中我们需要一些比较漂亮的手写字,在Silverlight 5 RC版本中准备了7种样式的手写字,通过设置Typography.StylisticSet*的True、False来实现,其中*号是从1到7的整数字来代替,8以上的数字设置是无效的。如下图:

        其代码如下所示:

<TextBlock Text="NewsftepSet-" HorizontalAlignment="Center" FontSize="50"     
                   Height="100" FontFamily="Gabriola" Margin="20,12,484,488" />
        <TextBlock Text="NewsftepSet1" HorizontalAlignment="Center" FontSize="50" FontFamily="Gabriola"
                   Typography.StylisticSet1="True" Height="100" Margin="245,12,255,488" />
        <TextBlock FontFamily="Gabriola" FontSize="50" Height="100" HorizontalAlignment="Center"
                   Margin="471,12,28,488" Text="NewsftepSet2" Typography.StylisticSet2="True" />
        <TextBlock FontFamily="Gabriola" FontSize="50" Height="100" HorizontalAlignment="Center"
                   Margin="20,118,478,382" Text="NewsftepSet3" Typography.StylisticSet3="True" />
        <TextBlock FontFamily="Gabriola" FontSize="50" Height="100" HorizontalAlignment="Center"
                   Margin="246,118,246,382" Text="NewsftepSet4" Typography.StylisticSet4="True" />
        <TextBlock FontFamily="Gabriola" FontSize="50" Height="100" HorizontalAlignment="Center"
                   Margin="471,118,25,382" Text="NewsftepSet5" Typography.StylisticSet5="True" />
        <TextBlock FontFamily="Gabriola" FontSize="50" HorizontalAlignment="Center" Width="221"
                   Margin="20,224,459,253" Text="NewsftepSet6" Typography.StylisticSet6="True" />
        <TextBlock FontFamily="Gabriola" FontSize="50" HorizontalAlignment="Center" Width="218"
                   Margin="247,224,235,253" Text="NewsftepSet7" Typography.StylisticSet7="True"  />

网友评论

登录后评论
0/500
评论
煦风满裳
+ 关注