UWP SVG 轉 Glyph

UWP對SVG的支持很不友好，僅可以通過Image來展示，不能在App內部設置前景色等Style。

不過現在有一個第三方的網站，可以把SVG矢量文件轉化爲Glyph字體，這樣就可以像Segoe MDL2 一樣，自己定義大小顏色了。

打開Glyphter，便可以看到網站內置了一些svg。當然也可以自己導入，不過需要注意的是，自己的svg最好不要有圖層蒙版編組之類，否則顯示不正常。

 

 

 

我這裏隨便導入兩個，

 

 

然後點擊頂部的下載字體即可。

 

 

然後在vs裏面導入現有的文件Glyphter.ttf文件，並且把生成操作設置爲“內容”。

然後XAML文件裏面寫：

    <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center">
        <TextBlock 
            Text="A" 
            FontFamily="ms-appx:/Assets/Font/Glyphter.ttf#Glyphter" 
            FontSize="66"/>
        <TextBlock 
            Text="B" 
            FontFamily="ms-appx:/Assets/Font/Glyphter.ttf#Glyphter" 
            FontSize="96"
            Foreground="YellowGreen"/>
    </StackPanel>

 

這裏需要特別注意的是，Text="A"等之類的，這是因爲ABCD對應我們在那個網站設置的字體。

最後就得到我們想要的。