Thin, Black, Light font style for CSS - HTML CSS CSS Property

HTML CSS examples for CSS Property:font-style

  1. HOME
  2. HTML CSS
  3. CSS Property
  4. font-style

Description

Thin, Black, Light font style for CSS

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <style id="compiled-css" type="text/css">
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');
p {<!--from   ww w .j  a v  a  2s  .  c o  m-->
   font-family:'Lato';
   font-weight:normal;
}

p.light {
   font-weight:301;
}

p.black {
   font-weight:901;
}
</style> 
 </head> 
 <body> 
  <p>Lorem ips</p> 
  <p class="light">Lorem i</p> 
  <p class="black">Lorem i</p>  
 </body>
</html>

Related Tutorials