javascript - Bold is too Bold in Chrome/Firefox -

i've testing in in safari , works fine, when using chrome or firefox bold way bold. here sample chunk of code i'm using: html:

<ul>   <font face="times new roman" size="2">     <li>       <span>         cooly guy       </span>       -        <span class="i">         human       </span>       <br>       robot, alien, adi,        <br>       yolo, fa        <br>       youtube.com/yt.id     </font> </li> </ul> 

css:

#users span {     font-weight: bold; }  #users2 span {     font-weight: bold; }  #users ul span.i {     font-style: italic; } 

safari on left, chrome in center , firefox on right: http://gyazo.com/219ff996619292b089d2b0866bb4a553

as can see chrome's , firefox's bold text looks 'fuzzy' compared safari.

try giving numeric values instead of bold

#users span{     font-weight: 600; } #users2 span{     font-weight: 500; }  #users ul span.i{     font-style: italic;  } 

you can set values 100 900

100 : thin 200 : extra-light 300 : light 400 : normal 500 : medium 600 : semi-bold 700 : bold 800 : extra-bold 900 : ultra bold