본문 바로가기

웹(Web)51

웹폰트 웹폰트란? 웹폰트는 사용자가 가지고 있지 않은 폰트를 웹페이지에서 사용할 수 있는 방법입니다. 폰트를 서버에서 다운로드하는 방식이라고 할 수 있습니다. 본 수업에서는 구글에서 제공하는 무료 웹폰트 서비스인 google fonts를 이용해서 웹폰트를 설명합니다. google fonts 영문폰트는 용량이 작지만 국어폰트는 용량이 상당히 크다 다운로드하게 되면 비용을 써야되고 사용자도 다운받아야한다 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce facilisis lacus eu ex rhoncus pretium. Sed vestibulum risus pharetra, consequat nibh ac, ornare nunc. Nunc eu dui.. 2021. 4. 15.
서체 서체 고정폭과 가변폭 서체는 크게 두가지 방법으로 구분할 수 있습니다. 고정폭(monospaced)과 가변폭입니다. 아래는 두가지 방식의 차이를 보여주는 이미지 입니다. serif vs sans serif serif는 글꼴에서 사용하는 장식을 의미합니다. sans는 부정의 표현입니다. 즉 sans serif는 serif가 아니다는 뜻입니다. 출처 : http://www.w3schools.com/css/css_font.asp 폰트 랭킹 많이 사용하는 폰트의 랭킹을 알려주는 사이트가 있습니다. 이 사이트를 통해서 가장 많이 사용하는 폰트는 무엇인지를 알아보는 것도 재미있을 것 같습니다. http://www.fontreach.com/#top 국내폰트 네이버에서 운영하는 국내 자료실입니다. 무료폰트를 다운로드 .. 2021. 4. 15.
font font-family(글꼴) font-family는 서체를 지정하는 속성입니다. 아래와 같은 방법으로 합니다. h1{ font-family: "Times New Roman", Times, serif; } 위 코드의 의미는 h1 태그를 Times New Roman을 지정합니다. 그런데 사용자의 컴퓨터에 폰트가 없으면 Times를 사용하게 됩니다. 사용자의 컴퓨터에는 폰트가 깔려있지 않을 수 잇다 그래서 폰트를 여러개 적는다 그러면 앞에 적힌 폰트순으로 사용된다 이 때 마지막 폰트는 포괄적인 폰트로 지정합니다. 아래와 같은 것이 있습니다. serif (장식이 있는 폰트) sans-serif cursive (흘림체) fantasy monospace (고정폭) serif:장식 고정폭은 monospace고 글자의.. 2021. 4. 15.
color 컬러를 지정하는 방식이 세가지가 있다 color name 빨간색,노란색,파란색 hex 16진수 rgb 빨초파 글꼴의 컬러를 지정하는 방법에 대해서 알아봅니다. 컬러의 다양한 종류는 아래의 페이지를 참고해주세요. http://www.w3schools.com/css/css_colors.asp #FF0000 빨간색 #00FF00 초록색 #0000FF 파란색 Hello world 2021. 4. 15.