font 축약 CSS 속성 font-family (필수) font-size (필수) font-stretch (선택) font-style (선택) font-variant (선택) font-weight (선택) line-height (선택) 사용 방법 body { font: 1.6rem/1.5 '맑은 고딕', 'malgun gothic', sans-serif; } - 속성은 띄어쓰기로 구분한다. - line-height는 font-size 바로 다음에 와야하고, "/"로 구분해야한다. (ex. 16px/3) - font-family는 마지막 값이어야한다. [공부 좌표] MDN [참고] font-family Q. font-family 기본 폰트는 어떤 것을 설정해야 할까? Q. line-height는 어떤 단..
용도 font-family속성은 가장 높은 우선 순위에서 가장 낮은 우선 순위까지 글꼴 목록을 지정한다. (앞에서 => 뒤로) 기본 설정 사용한 폰트 스타일에 맞게 sans-serif, serif는 반드시 기본적으로 사용해줘야 한다. font-family: sans-serif; (고딕) font-family: serif; (명조) *sans는 없다라는 뜻을 가지고 있다. 즉, 명조의 꼬리 부분이 없기 때문에 고딕이다. Q. 한글 폰트만 작성하면 안되나요? font-family: 돋움, sans-serif (X) 비한국어 Windows (최소한 9x/ME)에서는 MS IE조차도 ‘돋음’을 인식하지 못하기 때문이다. 그래서 한글로 된 폰트명은 영문으로 된 폰트명과 함께 사용해 줘야 한다. font-fam..
OS별 시스템 폰트 Windows XP : 굴림 Windows Vista, 7, 8, 10 : 맑은 고딕 OS X 라이언 (10.8) : 애플 고딕 OS X 마운틴 라이언 (10.9) : 애플 산돌 고딕 네오 Ubuntu : 나눔고딕 Android 4.4 이전 - Droid Sans fallback (고딕) Android 4.4 이후 - 나눔고딕 iOS 5.x 이하 - 애플 고딕 iOS 6.x - 애플 산돌 고딕 네오 (일반체와 볼드체) iOS 7.x - 애플 산돌 고딕 네오 (100 ~ 900) 윈도우 폰 - 마이크로소프트 네오 고딕 Q. 어떤 폰트를 사용하면 좋을까? - 아래를 읽고, 상황에 맞게 사용한다. Window - 맑은 고딕 - 다국어 윈도우 지원을 위해서 "malgun gothic" 영문 ..
속성 속성 설명 font-family 사용할 웹 폰트의 이름을 지정한다. 이 이름은 폰트 파일의 이름과 일치하지 않아도 상관없다. 하지만 비슷하게 설정하는 것이 유지 보수에 좋다. src url에 폰트 파일의 경로를 설정하고,format에 폰트 파일의 형식을 설정한다. font-style normal / italic 설정 font-weight 보통 100~400 가는 굵기, 500~600 중간 굵기, 700~900 두꺼운 굵기로 표시된다. "normal = 400"으로 중간 굵기, "bold = 700"으로 두꺼운 굵기로 표시한다. 함수 함수 설명 local() 서버에서 다운을 받지 않고, 사용자의 컴퓨터에 "NanumBarunGothic"이 있으면, 컴퓨터에 있는 폰트를 사용하라는 것 format() ..
- Total
- Today
- Yesterday
- 점 표기법
- javascript class
- scrollTop
- offsetTop
- 동치 연산자
- clientHeight
- 객체의 프로퍼티
- [[Prototype]]
- prototype 프로퍼티
- constructor
- property
- 프로퍼티
- offsetHeight
- 링크막기 #a링크막기
- 대괄포 표기법
- __proto__
- @font-face
- clinetTop
- 동등 연산자
- 일치 연산자
- scrollHeight
- 부등 연산자
- innerHeight
- 불일치 연산자
- outerHeight
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 |