title: How to override browser font?
body: <p>I am newbie to CSS.
  Specifically, now I am using IE8. My web page works fine with <code>MS PGothic</code> font in <code>japanese script</code>. But when we change IE8 browser font to <code>Arial Unicode MS</code>. The webpage does not look fine. This happens only in IE8, in firefox and chrome, even change is OK.</p>
  
  <p>My problem is 
  I have so many CSS files more than 200. </p>
  
  <ul>
  <li>So I want to change my browser font to MS PGothic  for my website</li>
  <li>or use only web page font not use browser font?</li>
  </ul>
  
  <p>Which is possible? I want to know code sample for that. Any help is are greatly appreciated.</p>
  
  <p>Before changing to Arial Unicode MS
  <img src="https://i.stack.imgur.com/V4HQu.png" alt="Before changing"></p>
  
  <p>After changing to Arial Unicode MS
  <img src="https://i.stack.imgur.com/buOoh.png" alt="After changing"></p>