웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
[생초보팁] 페이지(page) 줄간격과 부분 웹폰트
2010.12.11 21:23
현재로선 고딕이 가장 Xe에 어울립니다.
전체를 웹폰트로 하면 트래픽문제를 떠나서 답답해 보입니다.
그래서 부분적인, 예를들어 본문쪽에 중심으로 웹폰트를 적용하면 읽는사람도 딱딱한
고딕보다 즐거울 수 도 있습니다.
보통 본문은 <p></p> 태그에서 글이 써집니다.
<p> 에만 웹폰트 적용하기. (아래 소스에 함께 넣어보겠습니다.
페이지의 본문은 어떨때 보면 줄이 다닥다닥 붙게 됩니다. 특히 레이아웃을 바꾸게되면..
버그인지 아닌지, 내가 무엇을 잘못한건지 알수가 없네요.
그리고 일일이 줄간격을 정해도 되지만 불편하잔아요, 그래서 강제로 기본 150% 줄간격을 정해놓습니다.
물론 웹폰트는 본인서버에 있어야하겠지요. 전 /font 폴더에 넣고 사용합니다.
@font-face {font-family:웹폰트명; src:url(/font/웹폰트명.eot) }; p {line-height:150%;font-family:웹폰트명;}
적당한 위치에 넣으면됩니다.
폰트경로를 한번만 해놓으면 다른 css에도 모두 font-family:폰트명 하시면 적용됩니다.
P태그 안에 있는 글은 정의한 웹폰트로 나옵니다. 줄가격도 150% 적용됩니다.
댓글 0
제목 | 글쓴이 | 날짜 |
---|---|---|
IE 전용 페이지 전환시 부드럽게 하기 (퍼옴) [2] | 오실롯 | 2010.10.29 |
게시판에서는 파일첨부가 되는데 페이지모듈에서 파일첨부가 안 되시는 경우! [1] | sejin7940 | 2010.11.02 |
페이지 모듈에서 파일 업로드시 살아지는 현상 [1] | 조슈아킴 | 2010.11.02 |
메인 페이지 수정이 안되는 경우
![]() | nurungso | 2010.11.07 |
관리자 메인페이지 카운터와 그래프 제거하기 [3] | 도라란 | 2010.11.15 |
XE 속도 0.0001초라도 올리는 소소한 팁들 (추가) [5] | 소렌트. | 2010.11.16 |
게시판 댓글에서 "이 댓글을..." 문구 없애는 방법 [3] | AlcoholJ | 2010.11.19 |
미궁속의 문제점 해결법(2가지) [2] | 박용식 | 2010.11.21 |
개인 홈페이지에서 아주 손쉽게 배경음악을 깔아놓는 법 [5] | 지녁 | 2010.11.25 |
텍스타일 (Textyle) 에서 첨부파일 용량 제한 늘리는 방법. [1] | sejin7940 | 2010.11.27 |
[생초보팁] 페이지 내용 줄간격 css | 에혀라X | 2010.11.30 |
호스팅비 돈아낍시다. 하나의 XE 다중 도메인 사용하기. [10] | kimnada | 2010.12.02 |
[생초보팁] 회원가입시 홈페이지 블로그주소 않나타내기 ㅋ [4] | 에혀라X | 2010.12.05 |
새로운 채팅 서비스 웹톡!
[3]
![]() | 명랑폐인™ | 2010.12.06 |
[생초보팁] 페이지(page) 줄간격과 부분 웹폰트 | 에혀라X | 2010.12.11 |
메인화면에 설문조사 위젯(?) 만들기
[3]
![]() | 3D매니아 | 2010.12.14 |
외부페이지를 레이아웃에 결합시 상단 마진폭이 벌어지는 문제 해결방법
[6]
![]() | DuRi | 2010.12.17 |
우분투 apm에서 "쉬운 설치" 에러시 팁 [4] | 김상호 | 2010.12.22 |
애드온에서 모바일 환경 구분 코드 | misol | 2010.12.24 |
웹페이지에서 ICQ 번호 자동으로 추가하기... [1] | 잔디 | 2001.01.05 |