폰트 썸네일형 리스트형 [CSS] 아이콘(Icon)을 이미지가 아닌 폰트(Font)로 사용하기, Font Awesome The Iconic font and CSS toolkit 예전에는 아이콘이라하면 이미지였는데, 이제는 아이콘이 폰트로 인식하여, 컬러, 자간, 사이즈를 조정이 가능하게 되었네요. 신기하네 ㅋ 사용방법이나 아이콘의 종류는 해당 사이트에 들어가서 확인하고 사용하면 됩니다. 다운로드도 되지만, CDN 방식으로도 사용이 가능해 아주 유용하네요. 2014.11.4. 코딩에 적합한 폰트는 따로 있다. ㅎㅎ 코딩폰트 추천~! 참고로 퍼왔습니다. 출처는 http://shakii.tistory.com/tag/Bitstream%20Vera%20Sans%20Mono 원래는 나눔 고딕을 썼지만...바꿔보니 이게 더 좋다 ㅋ C언어 작성이나 리버싱 작업을 하면서 코딩글꼴에 관심을 가지게 되었다. http://www.lowing.org/fonts/ 이런 코딩글꼴 순위 사이트도 있을정도이니... 여기 사이트에서 말하는 좋은 폰트의 조건은 1. 가독성이 좋아야함. 2. 확장된 문자셋을 지원해야함. 3. 스페이스가 쓰기 쉬워야함. 4. l, 1, i의 구분이 쉬워야함. 5. 0, o, O의 구분이 쉬워야함. 등등.. 여기서 나도 공감이 되는것은 4, 5번 정말 이상한 글꼴은 짜증 지대 ;;; 순위 사이트에서도 1위인 Bitstream Vera.. 웹폰트에 사용할 나눔고딕과 나눔펜 eot 파입입니다. 받아 가실 분은 받아가세요 ㅎㅎ 저는 제 블로그에 폰트를 나눔고딕으로 바꿨답니다. ㅋ CSS 폰트(font) 굵기(weight)와 자간(letter-spacing) 웹 표준 팁) 폰트를 굵게 하려면 태그가 아니라 css에서 font-weight 로 설정을 해 주는 게 좋습니다. 강조는 , 사용~ 폰트를 굵게 하려면 CSS에서 font-weight 속성을 사용합니다. 값은 숫자도 가능하지만, 세세하게 조정되는 폰트가 없기 때문에 보통 bold(800), normal(400) 을 사용하죠. 폰트 중에는 보통과 굵은 폰트를 따로 제공하는 경우가 있는데, 이 경우에는 자간을 맞춰 놓았기 때문에 굵게 만들어도 어색하지 않습니다. 예를 들어, '맑은 고딕'의 경우에는 '맑은 고딕 Bold', '나눔고딕'의 경우에는 '나눔고딕 Bold'를 제공하기 때문에 font-weight:bold 로 하더라도 폭 변화가 없습니다. '맑은 고딕'이 설치되어 있다면 아래 예제에서 굵게 하여도 .. 무료 폰트 다운 받기 http://www.searchfreefonts.com/ 모바일 웹사이트 제작시 폰트 고정하기 모바일 폰은 가로나 세로로 볼때 폰트 고정합니다.(rotate) body,form,th,td,p { font-family : Verdana, Helvetica, Sans-Serif; font-size:12px; font-weight:normal; color:#000000; margin:0; padding:0; -webkit-text-size-adjust:none; } -webkit-text-size-adjust 의 사용방법 1. -webkit-text-size-adjust:auto; 2. -webkit-text-size-adjust:none; 3. -webkit-text-size-adjust:120%; 꼭 head.sub.php 설정에서 viewport 설정 의 "maximum-scale" 에 대한 설정.. 아래의 업체에서 제공하는 무료서체, 폰트 (링크) 다음체 ▶ http://info.daum.net/Daum/info/introduceOfCI.do 나눔체 ▶ http://hangeul.naver.com/share.nhn 비씨카드체 ▶ http://www.bccard.com/company/cyber/ci_info/ci_info02.html 아리따글꼴 ▶ http://corp.amorepacific.co.kr/company/ci/font.jsp : 아모레퍼시픽에서 개발 배포하는 아리따 2.0 옥션고딕 ▶ http://event.auction.co.kr/event2008/12/GoodBye2008/?frm=widescreen8#anchor_2 SK텔레콤 Moebius글꼴 ▶ http://www.tworld.co.kr/html/t/cm8_t_design_exp.. 이전 1 다음
