TIL03.CSS스타일링

font, color를 설정하는 다양한 방법에 대해 알아보자.

폰트

1.폰트 굵기 설정하기

font-weight.100~900 100이 가장 얇고, 900이 가장 굵다.
font-weight: normal;=font-weight: 400;

2.폰트 설정하기

첫번째로 지정한 글씨체가 없다면, 두번째가 지정되고, 두번째도 없다면 세번째 작성한 글씨체로 지정된다. 만약 띄어쓰기가 있다면 ""로 한단어로 만들어준다.

h1 {
font-family:"Times New Roman", Times, serif;
}

3.웹폰트 사용하기

구글폰트

<link href="http://fonts.googleeapis.com/css?family=Barrio"  
rel="stylesheet">

hl{
  font-family: 'Barrio', cursive; 
 }

4.폰트파일 사용하기

폰트파일경로 작성 후, 임의로 폰트이름을 정한다.

@font-face {
  src: url("../fonts/BMJUA_otf.otf");
  font-family: "Jua";
}
p{
 font-family: "Jua";
}

텍스트 색

1.RGB 값

색의 3원색 빨강(R),초록(G),파랑(B)
RGB colorcodes 웹사이트

2.HEX 값

단순히 RGB값을 16진법으로 표현한 방식이다.

color: #53ED41;