반응형
폰트는 5종류로 나눌수 있다
serif
times new roman
궁서체
끝이 살짝 구부러져있다
sans-serif
arial
굴림체
깔끔한 디자인 하기에 좋다
monospace
courier
courier new
모든 글자 폭이 같다. 프로그래밍 폰트로 많이 쓰인다
cursive
comic sans ms
monotype corsiva
fantasy
impact
haettenschweiler
지저분해 보일수 있기 때문에 짧은 글귀에 쓰인다
태그 설정 방법
font-family: "Times New Roman", Times, serif;
설치되있는 폰트 운선순위를 정해준다.
설치되지 않은 폰트를 사용하려면,
요즘 가장 많이 쓰이는 구글 폰트를 쓴다.
브라우저에서
fornts.google.com
입력한다.
원하는 폰트를 선택하고 박스오른쪽 상단에 있는 + 버튼을 누른다
링크를 복사하고
head 태그에 넣어준다.
폰트 태그를 복사해서 스타일 태그에 적용시키면 적용된다.
한글폰트를 쓰고싶으면
fonts.google.com/earlyaccess
에 들어간다. 아직 정식출시하지 않은 베타서비스 사이트다.
ctrl + f 에 korean 을 검색한다.
링크태그에 주소부분을 복사해서 붙여넣는다
ex) <link href="https://fonts.googleapis.com/earlyaccess/nanumpenscript.css" rel="stylesheet">
728x90
반응형
'교육 > [Codeit]웹 퍼블리싱' 카테고리의 다른 글
폰트 파일 사용하기 (0) | 2021.03.09 |
---|---|
실습과제. 각 폰트 보여주기 (0) | 2021.03.06 |
Line-height (0) | 2021.03.06 |
폰트 크기 (0) | 2021.03.06 |
텍스트 꾸미기(text-decoration) (0) | 2021.03.01 |