본문 바로가기

교육/[Codeit]웹 퍼블리싱

폰트 설정

반응형

폰트는 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