본문 바로가기

Code.D IT 강좌/HTML & CSS

[CSS] 한글 폰트 적용 - 웹 폰트 [CSS] 한글 폰트 적용 CSS에 폰트를 적용하기 위해선 두 가지 방법이 있습니다. 1) 웹 폰트 2) 자신이 가지고 있는 폰트 파일 이용 오늘은 웹 폰트를 적용하는 방법에 대해 알아보겠습니다. 웹 폰트 웹 폰트는 내 PC에 폰트 파일이 없어도 적용 가능합니다. 특정한 서버에 접속하여 파일을 내려받아 화면에 표현할 수 있죠. 대표적인 웹 폰트에는 Google Fonts가 있습니다. 누구나 무료로 사용할 수 있으며 무려 800종류 이상의 웹 폰트가 존재합니다. 구글 웹 폰트 적용하는 방법 https://fonts.google.com 구글 폰트 사이트에는 영어 글꼴만 존재합니다. https://fonts.google.com/earlyaccess 이 사이트는 한글을 포함하여 영어 이외의 글꼴을 제공합니다. .. 더보기
파비콘(Favicon) 만들기 & 적용 파비콘(Favicon)이란? Favorites icon의 줄임말로, 즐겨찾기 아이콘이라고 합니다.즐겨찾기에 추가할 시에 사이트 이름 옆에 아이콘으로 표시되는 것을 말하죠.웹 브라우저상에서는 주소창 옆에 작은 아이콘으로 표시됩니다.사이트를 잘 나타낼 수 있는 로고(Logo)의 역할을 하는 셈이죠. 백문이 불여일견.사진을 보여드리겠습니다. 파비콘의 형식 확장자는 .ico가 기본적이지만 png의 확장자로도 표현 가능합니다.사이즈는 보통 16x16픽셀이 기본규격이지만 32x32 사이즈로도 표현 가능합니다. 파비콘 만들어주는 사이트 파비콘은 이미지 파일이 아니고 아이콘 파일입니다.따라서 포토샵으로 jpg나 png등의 이미지 파일을 ico파일로 강제변경이 불가능합니다.이미지 파일을 ico파일로 만들어주는 사이트가 .. 더보기