실제로 알고보면 간단한 팁이지만, 모르면 완전 삽질하는 팁이다.
흔히 css 등을 적어줄때
font-family 로 굴림 등을 지정해서 사용하는데, 이것 말고 굴림체, 명조체 등 ~~체 라고 붙어있는 폰드가 별도로 있다.
차이점부터 이야기하자면 굴림/명조 등은 자간 등을 css 로 지정할 수 있는 가변폰트이고 굴림체/명조체 등은 글자크기만 조정할 수 있고 그 외 자간같은걸 css 로 조정할 수가 없다.
이게 어디서 유용하냐면
SMS 보내는 UI 를 웹상에서 구현할때 일반적인 SMS 화면은 가로 16 x 세로 5 해서 80 byte 를 보내게 되는데, 가변폰트를 사용하게 되면 아무리 LCD 모양에 글자수를 요래저래 맞추어봐도 한글/영어대문자/숫자는 거의 비슷비슷한데 소문자 L 과 같은 것들은 한줄에 16글자가 들어가도록 맞출 수가 없다.
이럴때 font-family 로 ~~체 류를 설정하고 margin-left 와 margin-right 로 좌우 여백을 조정해주면 딱 16글자(한글은 8글자)가 딱 들어가도록 할 수 있다.
아래 두 이미지를 보면 소문자 L 을 입력했을때 표시되는 방식이 뚜렷하게 차이가 남을 알 수 있다.
11/05/2007
가변폰트와 고정폰트, 굴림과 굴림체의 차이
피드 구독하기:
댓글 (Atom)
요즘 포스팅을 모두 medium쪽으로 하고 있습니다
안녕하세요? 어쩌다보니 그냥 한번 써보기로 한 medium.com 에다가 죄다 최근 포스팅을 하고 있습니다. 현재 도메인인 potatosoft.com 은 제가 대학때인가 사회 취업한지 얼마 안됐을때부터 유지해 온 도메인이고, 블로그 시스템은 그...
-
현재 경부고속도로 버스전용차선이 평일은 오전 7시부터 오후 9시까지, 토/공휴일은 오전 9시부터 오후 9시까지인가 운영되고 있는걸로 알고 있습니다만, 2011년 1월 1일부터 이게 바뀌어서 평일/주말 할 것 없이 오전 7시부터 오후 9시까지 운영됩니다...
-
아래 내용은 제가 올해 3월에 한국에서 미국 캘리포니아로 이사하면서 만들었던 체크리스트를 약간 손 본 겁니다. 원래는 같이 옮겨오던 직장 동료들과 만들었던 까페에 올렸던 건데 대부분 이사를 완료한 관계로 까페를 폐쇄 예정이라 정보저장/공유를 위해 가...
-
오랜만에 포스팅하는 글이 영어 관련 쓸데없는 뻘글이라 좀 그렇지만, 페이스북에 적기 시작한 글이 너무 길어져서 블로그에 포스팅하기로 함. 미국에 2011년에 넘어왔으니까 올해로써 이제 미국생활 4년차 들어간다. 처음에 왔을때는 4년정도 여기 있으...
댓글 없음:
댓글 쓰기