WIT – NTS UIT Blog

word-break 속성과 word-wrap 속성 알아보기

Posted by in Research

실무를 하다 보면 가볍게 이해한 스펙을 바탕으로 관습적으로 사용하는 속성들이 있다. 그중 word-break 속성과 word-wrap 속성에 대해 조금 더 명확하게 정리해보았다. ※ 본 내용은 W3C 스펙문서에서 제공하는 내용 일부를 실무 경험을 바탕으로 의역 및 편집하여 작성한 것이다. 중국어/일본어/한글의 경우 W3C문서에서 CJK(Chinese, Japanes, Korean 의 약자)로 사용하고 있으며, 본 문서에서도 CJK로 지칭한다. 그 외 언어는 non-CJK(숫자, 영어, 베트남어 등)으로 지칭한다. 중단점은 ‘ · ’로 표기한다. word-break 속성과 word-wrap 속성 실무에서 두 속성은 주로 줄 바꿈을 위해 사용한다. 먼저 각 속성이 무엇인지 간단히 살펴보자. word-break : 아래 예제와 같이 단어의 분리를 어떻게 할…read more

다양한 폰트정보 및 css 정의 방법

Posted by in Research

윈도우에 기본으로 설치되어있는 폰트 이외에 각종 폰트들에 대한 정보들 및 CSS font-family 정의 방법에 대해서 알아보도록 하겠습니다. 중요한 점은 작업하시는 컴퓨터에 적용하려는 폰트가 설치되어 있어야 폰트 적용이 가능합니다. 폰트 목록 :  http://www.adobe.com/products/type/font-information.html 해당 목록들 중에서 Helvetica Neue Std 폰트 적용방법에 대해서 알아보도록 하겠습니다. 리스트에서 Helvetica Neue Std를 클릭해서 들어가시거나 http://www.adobe.com/type/browser/html/readmes/HelveticaNeueStdReadMe.html 경로를 통해 바로 들어가실수 있습니다. Family information란을 보면 Menu Names And Style Linking 이라는 곳이 있습니다. 하단 부분에 3행으로 Menu Name, plus Style option, selects this font가 있는데 selects this font가 포토샵에서 Helvetica Nenu LT Std 폰트를 선택했을때 나오는 옵션값들에 대한…read more

0