폰트 썸네일형 리스트형 [CSS] 아이콘(Icon)을 이미지가 아닌 폰트(Font)로 사용하기, Font Awesome The Iconic font and CSS toolkit 예전에는 아이콘이라하면 이미지였는데, 이제는 아이콘이 폰트로 인식하여, 컬러, 자간, 사이즈를 조정이 가능하게 되었네요. 신기하네 ㅋ 사용방법이나 아이콘의 종류는 해당 사이트에 들어가서 확인하고 사용하면 됩니다. 다운로드도 되지만, CDN 방식으로도 사용이 가능해 아주 유용하네요. 2014.11.4. [포토샾 튜토리얼] 포토샵작업시 폰트를 조금 더 선명하게 하는 팁 포토샵 작업 시 폰트를 조금 더 선명하게 하는 팁 Photoshop(포토샵) CS5 강제종료 되는 현상 일단 나는 원인조차 파악을 못하고 있었다 ㅜㅠ 무난하게, 아주 유용하게 포토샾을 사용하고 있었다. 그러던 어느날...부터인가 포토샵을 실행하는 동시에 강제종료가 되는 현상이 나타났다. 그 무엇도 할수가 없었다. 수십번 실행하다가 언제 한번 실행이 되면, 새창이나, 어떤 파일을 여는 동시에 또 강제 종료가 된다. ㅡㅜ 니미럴... 원도우 재설치, 폰트 초기화, CS5 설정 초기화등등...원인을 파악하고자 여러가지를 시도 했지만.. 모두 실패 였다. 그러다가..구글링에 찾은 팁... 완전 심플...허무...여튼 이제 집에서 다시 원활히 포토샾 라이프를 즐길수 있어서 좋다..ㅎㅎ 새로운폰트 적용후 포토샵 종료 될적에 해결방법 첫번째~! 폰트를 윈도우에 설치한후에 포토샵(CS3) 에서 문자 쓸려고 하면 이유없이.. 코딩에 적합한 폰트는 따로 있다. ㅎㅎ 코딩폰트 추천~! 참고로 퍼왔습니다. 출처는 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.font4u.com/home.html 한글 타이포 그래픽 적용 사이트 사례 - 산돌폰트 by 박인섭 무료 폰트 다운 받기 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" 에 대한 설정.. 무료 웹 폰트 미리보기 - 유용하군...ㅎㅎ 폰트는 많은데...뭐가 뭔지 모르는...상황... 단지 버젼이...2006? ㅎㅎㅎ 포토샾 팁 - 한글폰트 작성시 굴림체로 바뀌는 현상 (펌) 출처 - http://parkgylove.blog.me/80117470053 아래의 업체에서 제공하는 무료서체, 폰트 (링크) 다음체 ▶ 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 다음
