본문 바로가기

2012/024

CSS 타이포그래피 CSS 타이포그래피 타이포그래피 관련 텍스트 속성들을 알아본다. 간단하게 예제만으로 복습해보자. 일단 타이포그래피라면 알고있어야 할 것들 자간: 글자 하나하나 사이의 간격 어간: 단어사이의 간격 행간: 줄사이의 간격 자간 2012. 2. 24.
CSS3 font-size-adjust 대채폰트의 크기조절 x-height, Aspect Value CSS3 font-size-adjust 대채폰트의 크기조절 x-height, Aspect Value 일단 참조할 것 타이포그래피(Typography ) 각 폰트별 x-height 크기 도표 http://blog.naver.com/siatiger w3c css3 font 소개 :http://www.w3.org/TR/css3-fonts/ 웹폰트 Aspect Value http://www.barrypearson.co.uk/articles/text/aspect_values.htm adjust 란 단어는 “조정하다”란 뜻으로 말 그대로 폰트 크기를 조정해주는 역할을 하는 속성이 font-size-adjust 이다. 영어는 대소문자가 구별되는 언어이고 그 때문에 폰트의 종류에 따라 특히 소문자의 크기가 다르게 표현.. 2012. 2. 22.
CSS 폰트 (font) 정하기 CSS 폰트 (font) 정하기 먼저 한번에 지정할수 있는 font 말고 font-size등 간단정리하고 전체를 정의하는 font를 알아보자 폰트 크기 설정 폰트크기는 여기서 참조하자 바로테스트확인할수 있다. http://www.w3schools.com/cssref/playit.asp?filename=playcss_font-size&preval=xx-small 예제는 다음과 같다 h1{ font-size: 100%;} h2{ font-size: larger;} h3{ font-size: small;} h4{ font-size: 1.9em;} p{ font-size: 9pt;} 다음은 폰트크기를 요약 한것 상댓값 % : 부모 엘리먼트와 비교한다 em : 현재 폰트 크기에 비교(1.9는 190%) px : .. 2012. 2. 22.
CSS 폰트 : 웹안전 폰트와 다운 CSS 폰트 : 웹안전 폰트와 다운 웹안전폰트 폰트는 사용자가 컴퓨터에 있어야 사용가능하다. 옛날에는 단지화려하게 꾸미기위해서 별 폰트들을 남발했지만 요즘은 사라진지오래다. 일단 웹안전 폰트부터 살펴보자. Generic Family Family Name Example Windows Font Name Mac Font Name Sans-serif Normal fonts without serifs Arial Arial Safe Fonts, 안전서체, 安全書体, 安全字体 Arial Black Arial Black Safe Fonts, 안전서체, 安全書体, 安全字体 Lucida Sans Unicode Lucida Grande Safe Fonts, 안전서체, 安全書体, 安全字体 Tahoma Geneva Safe F.. 2012. 2. 21.