Get Microsoft Silverlight


Silverlight text with background image


Here is the background image, "river.jpg"



XAML

<UserControl x:Class="SilverlightTextFont.Page"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Grid x:Name="LayoutRoot" Background="White">

        <TextBlock 
            FontFamily="Times Roman" 
            FontSize="72"
            FontStyle="Italic"
            FontWeight="Bold">
            iSchool
            <TextBlock.Foreground>
                <ImageBrush ImageSource="river.jpg"></ImageBrush>
            </TextBlock.Foreground>
        </TextBlock>
        
    </Grid>
</UserControl>	
	
	

HTML

  <div style="padding: 10px; border: solid medium black; width: 300px">
		<object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="300px" height="100px">
			<param name="source" value="ClientBin/SilverlightTextFont.xap"/>
			<param name="onerror" value="onSilverlightError" />
			<param name="background" value="white" />
			<param name="minRuntimeVersion" value="2.0.31005.0" />
			<param name="autoUpgrade" value="true" />
			<a href="http://go.microsoft.com/fwlink/?LinkID=124807" style="text-decoration: none;">
     			<img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style: none"/>
			</a>
		</object>
</div>


Available font families (January '09)

    Arial

Arial Black

Comic Sans MS

Courier New

Lucida Grande

Lucida Sans Unicode

Times New Roman

Trebuchet MS

Verdana