모바일에서 폰트 사이즈

2017.08.07 11:44
394
7
- - 짧은주소 : http://e3net.fineyes.com/bbs/?t=Qh
본문
안녕하세요
이 역시도 개인 취행이겠지만 일단 많은 사람들이 네이버나 다음의 폰트 사이즈에 익숙해져 있는 것 같습니다
모바일에서 보면 저희 폰트 사이즈가 조금 작습니다
네이버나 다음의 사이즈 정도 했음 좋겠습니다
참고하시고 수정을 어디서 어떻게 하면 좋을지 알려주시면 개인 취향에 따라 조절하시면 될것 같고
제작진에서도 폰트 크기를 조절하시는 것이 좋다고 판단되시면 배포시에 미리 변경을 해서 해주시기 바랍니다
힘내서 이번달에 100개 스킨 테마를 발표해주십시요 ^^

-
gang
- 회원등급 : 지상계 / Level 15
포인트 6,777
경험치 21,254
[레벨 15] - 진행률
9%
- 가입일 : 2017-08-01 21:23:03
- 서명 : 미입력
- 자기소개 : 자유로운 영혼
댓글목록 7
이윰MOUNT님의 댓글
폰트는 테마 공통 css인 테마 내 css/common.css 파일 상단 body에 font-family 정의되어 있습니다.
원하시는대로 수정하시면 되겠습니다.
축하합니다. 첫댓글 포인트 24포인트를 획득하였습니다.
gang님의 댓글
반응형이라 여기서 수정하면 컴에서의 폰트도 같이 커지는 것이 아닌지요? 제가 말씀드린 것은 모바일 이거든요..
이윰MOUNT님의 댓글
몇가지 방법이 있긴한데 그냥 미디어쿼리로 해결하시는 것이 제일 간단할듯 합니다.
common.css 파일 상단 body 바로 아래에 아래와 같이 수정, 또는 응용하시면 될것 같습니다.
웹브라우저 가로 넓이가 767px 이하에서는 해당 css가 적용되며
그외 폰트 크기가 따로 정해져있는 부분들은 각각의 파일에서 일일이 수정하셔야 됩니다.
gang님의 댓글
모바일에서는 두가지 방법 모두 폰트 사이즈 변화가 없습니다
body {color:#252525;font-size:13px;line-height:1.6;overflow-x:hidden;font-family:"Helvetica",Dotum,Arial,Verdana,sans-serif}
@media (max-width:767px) {
body {font-size:18px;}
}
body에서 직접 사이즈를 변경을 해도 변화가 없습니다
이윰MOUNT님의 댓글
폰트크기가 설정안된 텍스트에 한하여 변경됩니다.
사이트에 출력되는 거의 대부분 텍스트는 폰트 사이즈를 거의 개별적으로 맞춰놓은 상황입니다. 그렇지 않으면 레이아웃과 텍스트의 비율이 맞지 않아 여러 요소들이 틀어지게 됩니다.
방문자는 보통 최신글 또는 내용 페이지의 컨텐츠들을 집중적으로 보기 때문에 글작성시 에디터로 글자 크기를 조절하시면 되며, 최신글등은 따로 폰트를 개별적으로 해당 파일에서 조절하시길 권해드립니다.
gang님의 댓글
알겠습니다
gang님의 댓글
tab_latest_text 파일에서 다음처럼 추가를 해서 폰트 사이즈를 조정하니 모바일이 네이버 정도 폰트 사이즈로 조절 되는 것 같습니다
혹시 저처럼 개인취향이 독특한 분이 계실까 하여 여기에 올립니다
@media (max-width: 650px) {
.tab-latest-text .txt-subj {width:68%}
.tab-latest-text .txt-member {display:none}
.tab-latest-text .txt-time {width:32%}
.tab-latest-text li {position:relative;overflow:hidden;padding:2px 0;font-size:16px}