CSS FONT attribute[family,size,style,weight,variant,color]

CSS FONT attribute[family,size,style,weight,variant,color]

• 글꼴 관련 속성

  속성	설명	속성값
  font-family	글꼴(글자체)	글자체 이름, serif, sans-serif, cursive, fantasy, monospace
  font-size	글자 크기	수치(단위:cm,mm,in,pt,pc,px,em,ex,%), xx-small, x-small, small, medium, large, x-large, xx-large, smaller, larger
  font-style	글자 스타일	normal, italic, oblique
  font-weight	글자 굵기	100,200,300,400,500,600,700,800,900, normal, bold, bolder, lighter
  font-variant	작은 대문자로 변환	normal, small-caps
  color	글자색	색상명, RGB혼합비, 시스템 색
  font	일괄 지정	font-의 각 속성의 값을 나열

  
   #s1   {font:italic  normal     100     xx-small 궁서,arial,serif;     color:gold;}
  
  #s2   {font:normal  small-caps 200     x-small  돋움,arial,sans-serif;color:lawngreen;}
  
  #s3   {font:oblique normal     300     small    고딕,arial;           color:lime;}
  
  #s4   {font:italic  small-caps 400     medium   궁서,arial,serif;     color:turquoise;}
  
  #s5   {font:normal  normal     500     large    고딕,arial,fantasy;           color:cyan;}
  
  #s6   {font:oblique normal     700     xx-large 궁서,arial,serif;     color:orchid;}
  
  #s7   {font:italic  small-caps 800     smaller  돋움,arial,sans-serif;color:violet;}
  
  #s8   {font:oblique normal     900     smaller  고딕,arial,serif;           color:magenta;}
  
#s8_1 {font:oblique normal     900     smaller  고딕,arial,sans-serif;           color:magenta;}
  
#s8_2 {font:oblique normal     900     smaller  고딕,arial,cursive;           color:magenta;}
  
#s8_3 {font:oblique normal     900     smaller  고딕,arial,fantasy;           color:magenta;}
  
#s8_4 {font:oblique normal     900     smaller  고딕,arial,monospace;           color:magenta;}
  
  #s9   {font:italic  small-caps bold    larger   궁서,arial,serif;     color:silver;}
  
 #s10  {font:oblique normal     bolder  larger   돋움,arial,sans-serif;color:gray;}
  
 #s11  {font:italic  small-caps lighter larger   고딕,arial;           color:blue;}
  
 #s12  {font:italic  small-caps lighter normal   고딕,arial;           color:palevioletred;}

JS Bin