frog.raindrop.jp.knowledge

Windows XP 上では、太字にしてもあんまりわかんないなーと思って、比較してみた。

MS UI ゴシックはすごい微妙…。さすがにメイリオはわかりやすいですね。

ちなみに、ListView 内の TextBlock の Text を {Binding Path=FontWeight} にしなかったのは、ExtraLight と UltraLight 等、同じ値を表すキーワードがあるためです。これらはどちらも UltraLight と表示されます。参考:FontWeight クラス (System.Windows)[MSDN ライブラリ]

<Window x:Class="FontWeightTest.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="FontWeight の話">
    <Window.Resources>
        <x:Array Type="{x:Type TextBlock}" x:Key="FontWeightArray">
            <TextBlock Text="Thin" FontWeight="Thin"/>
            <TextBlock Text="ExtraLight" FontWeight="ExtraLight"/>
            <TextBlock Text="UltraLight" FontWeight="UltraLight"/>
            <TextBlock Text="Light" FontWeight="Light"/>
            <TextBlock Text="Normal" FontWeight="Normal"/>
            <TextBlock Text="Regular" FontWeight="Regular"/>
            <TextBlock Text="Medium" FontWeight="Medium"/>
            <TextBlock Text="DemiBold" FontWeight="DemiBold"/>
            <TextBlock Text="SemiBold" FontWeight="SemiBold"/>
            <TextBlock Text="Bold" FontWeight="Bold"/>
            <TextBlock Text="ExtraBold" FontWeight="ExtraBold"/>
            <TextBlock Text="UltraBold" FontWeight="UltraBold"/>
            <TextBlock Text="Black" FontWeight="Black"/>
            <TextBlock Text="Heavy" FontWeight="Heavy"/>
            <TextBlock Text="ExtraBlack" FontWeight="ExtraBlack"/>
            <TextBlock Text="UltraBlack" FontWeight="UltraBlack"/>
        </x:Array>     
    </Window.Resources>
    <ListView ItemsSource="{Binding Source={StaticResource FontWeightArray}}">
        <ListView.View>
            <GridView>
                <GridViewColumn Header="メイリオ 12pt">
                    <GridViewColumn.CellTemplate>
                        <DataTemplate>
                            <TextBlock FontWeight="{Binding Path=FontWeight}" Text="{Binding Path=Text}" FontFamily="Meiryo" FontSize="12"/>
                        </DataTemplate>
                    </GridViewColumn.CellTemplate>
                </GridViewColumn>
                <GridViewColumn Header="メイリオ 14pt">
                    <GridViewColumn.CellTemplate>
                        <DataTemplate>
                            <TextBlock FontWeight="{Binding Path=FontWeight}" Text="{Binding Path=Text}" FontFamily="Meiryo" FontSize="14"/>
                        </DataTemplate>
                    </GridViewColumn.CellTemplate>
                </GridViewColumn>
                <GridViewColumn Header="メイリオ 18pt">
                    <GridViewColumn.CellTemplate>
                        <DataTemplate>
                            <TextBlock FontWeight="{Binding Path=FontWeight}" Text="{Binding Path=Text}" FontFamily="Meiryo" FontSize="18"/>
                        </DataTemplate>
                    </GridViewColumn.CellTemplate>
                </GridViewColumn>
                <GridViewColumn Header="MS UI Gothic 12pt">
                    <GridViewColumn.CellTemplate>
                        <DataTemplate>
                            <TextBlock FontWeight="{Binding Path=FontWeight}" Text="{Binding Path=Text}" FontFamily="MS UI Gothic" FontSize="12"/>
                        </DataTemplate>
                    </GridViewColumn.CellTemplate>
                </GridViewColumn>
                <GridViewColumn Header="MS UI Gothic 14pt">
                    <GridViewColumn.CellTemplate>
                        <DataTemplate>
                            <TextBlock FontWeight="{Binding Path=FontWeight}" Text="{Binding Path=Text}" FontFamily="MS UI Gothic" FontSize="14"/>
                        </DataTemplate>
                    </GridViewColumn.CellTemplate>
                </GridViewColumn>
                <GridViewColumn Header="MS UI Gothic 18pt">
                    <GridViewColumn.CellTemplate>
                        <DataTemplate>
                            <TextBlock FontWeight="{Binding Path=FontWeight}" Text="{Binding Path=Text}" FontFamily="MS UI Gothic" FontSize="18"/>
                        </DataTemplate>
                    </GridViewColumn.CellTemplate>
                </GridViewColumn>
            </GridView>
        </ListView.View>
    </ListView>
</Window>