title: WPF Dropshadow on Button causes blurry text
body: <p>This is kind of driving me insane.  Adding a <code>DropShadowEffect</code> to a button.  In the IDE it looks like this:</p>
  
  <p><img src="https://i.stack.imgur.com/2BkdW.png" alt="enter image description here"></p>
  
  <p>Second button is for reference with no <code>DropShadowEffect</code>.  As you can see there next no difference.  Then I build the project and when it runs it looks like this:</p>
  
  <p><img src="https://i.stack.imgur.com/87NHZ.png" alt="enter image description here"></p>
  
  <p>What is causing this change?  Here is the XAML for the two buttons:</p>
  
  <pre><code>&lt;Button Name="clearButton" Content="Clear" Click="clearButton_Click" Margin="5,0,5,0" MaxWidth="80" MinHeight="40" 
      TextOptions.TextFormattingMode="Display"&gt;
  &lt;Button.Effect&gt;
      &lt;DropShadowEffect BlurRadius="5" ShadowDepth="3" /&gt;
  &lt;/Button.Effect&gt;
  &lt;/Button&gt;
  &lt;Button Content="Clear" Margin="5,5,5,0" MaxWidth="80" MinHeight="40"  TextOptions.TextFormattingMode="Display" /&gt;
  </code></pre>
  
  <p>Edit:
  Taking @gretro does make it look better but it still is not right:</p>
  
  <p><img src="https://i.stack.imgur.com/dqqwZ.png" alt="enter image description here"></p>
  
  <p>Yet once again in the IDE it looks fine:</p>
  
  <p><img src="https://i.stack.imgur.com/qDUQV.png" alt="enter image description here"></p>