WEB/HTML, CSS

[HTML / CSS] 폰트 설정

Hard_Try 2020. 2. 21. 16:54

 

폰트는 구글 폰트에서 가져온 것이다. 내 컴퓨터 안에는 Times New Roman, Times, serif 폰트가 없어서 출력결과 값이 디폴트 값으로 나온다.

따로 찾아 지정해 주는 경우 폰트가 바뀌어서 나온다.

 

폰트를 다운로드해서 적용시

1
2
3
4
5
6
7
8
9
@font-face {
  src: url("../fonts/BMJUA_ttf.ttf");
  font-family: "bamin";
}
 
{
  font-family: "bamin";
  font-size: 60px;
}
http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter

위와 같이 font-face를 통해 폰트가 설치되어 있는 경로와 font-family name을 설정해주고

아래 만약 "배달의 민족"이 <p>안에 있다면 p를 설정해준 이름으로 설정해주면 된다.

 

실행결과