SilverLight顯示中文字(一)

我們知道silverlight只提供了一下幾種字體，

當我們需要顯示中文字時，雖然在blend2裏是正常的，但是瀏覽時還出現方框 。 比如當我們輸入「博客園」,blend2顯示如下。

xaml文件內容如下:

<Canvas
    xmlns="http://schemas.microsoft.com/client/2007"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="179" Height="147"
    Background="White"
    xmlns:UntitledProject4="clr-namespace:UntitledProject4;assembly=ClientBin/UntitledProject4.dll"
    x:Class="UntitledProject4.Page;assembly=ClientBin/UntitledProject4.dll"
    x:Name="Page"
    >
    <TextBlock Width="147" Height="66" Canvas.Left="24" Canvas.Top="60" TextWrapping="Wrap" Foreground="#FFD8712A" Text="博客園" FontSize="48"/>
</Canvas>

但在瀏覽器裏會顯示成這樣的。

那麼我們看如何顯示中文呢？

有三種方法：分別是文字對象(Glyphs )、繪圖對象(Path)與圖片對象(Image)三種,這三種區別如下：

 

方法一: 使用文字對象Glyphs　　

      實例：（1）拷貝中文字到工程（比如simHei.ttf）

                    

                 (2) 在xaml里加入如下代碼(注意FontUri屬性):

         

               (3)在瀏覽器中瀏覽，我們可以看到Glyphs部分顯示出了正確的字體，TextBlock未顯示:

         

這樣似乎解決了，可是，Glyphs 顯示中文字時，雖然以異步的方式從 Web服務器下載完整的字庫，但是，我們知道中文字庫一般都好幾兆，同時下載整個字庫也會有版權的法律問題。那麼我們如何減少網絡流量呢，就是我們可以只下載我們需要顯示的字體，步驟如下：

a. 在word2007裏寫下需要顯示的字體，比如「博客園」

b.選擇打印，選擇micorsoft xps document writer, 保存爲simHei.zip(默認是xps,其實它就是一個壓縮包).

c. 解壓縮，找到documents\1\resources\Fonts\FF697615-FEE6-422B-A2CD-8D419E91303E.odttf，改名爲mySimHei.ttf，拷貝到工程目錄.

  改動fontUri="mySimHei.ttf"

<Glyphs
          FontUri = "mySimHei.ttf"
          FontRenderingEmSize = "100"
          UnicodeString       = "博客園"
          Fill                = "Yellow"
          OriginX             = "0"
          OriginY             = "100">
    </Glyphs>

d. 瀏覽，得到如下圖，我們看到也顯示正確

我們現在對比一下兩個文件的大小，一個是746KB, 一個是9809KB，性能是顯而易見的。

現在我們再做一個實驗：

把要顯示的字改爲"博客園博客滿園"

<Glyphs
          FontUri = "mySimHei.ttf"
          FontRenderingEmSize = "50"
          UnicodeString       = "博客園博客滿園"
          Fill                = "Red"
          OriginX             = "0"
          OriginY             = "100">
    </Glyphs>

測試看到「滿」字沒有顯示，原因很簡單，就是我們沒有在word裏把要顯示的「滿」字打印出來。

 

 

（未完待續...）

 

祝大家編程愉快