Segoe UI font

by Jason Rose

HTML

<p style='font-weight:300'>1. Text with font-weight:300. OK
<p>2. Here is normal text. OK</p>
<p style='font-weight:600'>3. Text with font-weight:600.  OK</p> 
<p style='font-weight:700' >4. Text with font-weight:700. It must be like (5), but it is like (3). :(</p>
<p class='boldtext'>5. Text with font-family:'Segoe UI' (no font-face) and font-weight:700; </p> 
<p class='heading'>A user account has been created or modified
  You can now distribute this information to your user</p>p>

CSS

@font-face {
  font-family: 'Myname';
  font-style: normal;
  font-weight: 700;
  src: local('Segoe UI Bold'), local('SegoeUI-bold'), local('segoeuib');
}
@font-face {
  font-family: 'Myname';
  font-style: normal;
  font-weight: 600;
  src: local('Segoe UI Semibold'), local('SegoeUI-Semibold');
}
@font-face {
  font-family: 'Myname';
  font-style: normal;
  font-weight: 400;
  src: local('Segoe UI'), local('SegoeUI');
}
@font-face {
  font-family: 'Myname';
  font-style: normal;
  font-weight: 300;
  src: local('Segoe UI Light'), local('SegoeUI-Light');
}

BODY {
 font-family: 'Myname';    
}
.heading {
    font-family:'Segoe UI Light';
    font-weight:100;
  font-size: 38px;
  
}
.boldtext {
    font-family:'Segoe UI Light';
    font-weight:100;
  font-size: 28px;
}