html - Understanding Font with CSS (Google Fonts) -


i struggling when comes using fonts , sizes.. cannot desired style because dont understand css properties.. appreciate if can please clarify following css codes..

@import url(http://fonts.googleapis.com/css?family=lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic); 

the above line importing "lato" font, why many options using commas ? , how can use desired weight of font above scenario..

font-weight: 300; font-size:30px; 

what font weight, isnt making bold ?

font: 700 10px/20px helvetica; 

what line means ? why using divider ? 10px/20px ?

i'll try answer these best can.

  1. the commas separating of various font weight , styles you're importing. more import, higher load times. it's best import styles need. can select/deselect want on actual google fonts site.
  2. the commas separating of various font weight , styles you're importing. more import, higher load times. it's best import styles need. can select/deselect want on actual google fonts site.
  3. the '10px/20px' means 'fontsize / lineheight'. lets both definitions in single line.

Comments

Popular posts from this blog

android - Get AccessToken using signpost OAuth without opening a browser (Two legged Oauth) -

org.mockito.exceptions.misusing.InvalidUseOfMatchersException: mockito -

google shop client API returns 400 bad request error while adding an item -