목록레이아웃/CSS (4)

더 나은 프로그래머가 되자

구글 웹폰트 적용 google font

https://fonts.google.com 새로운 폰트 검색시(한글폰트 포함) https://fonts.google.com/earlyaccess
레이아웃/CSS 2016. 9. 20. 18:24
폰트를 변환해주는 사이트

http://www.fontsquirrel.com/tools/webfont-generator
레이아웃/CSS 2016. 2. 26. 16:54
png 이미지 깨지는 현상,애니메이트시 png 이미지 처리

익스 8이하 하위 버전에서 png 이미지에 애니메이트나 opacity 모션을 줄경우 png 이미지가 깨져보이는데 하위버전까지 잘 보이게 하려면 이미지 자체에 모션을 주지 말고 이미지 상위 elements에 모션을 주고 아래와 같이 css에 추가 .main_tab img { background:transparent; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE8 */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 ..
레이아웃/CSS 2014. 12. 18. 16:05
CSS 웹폰트 설정(경로지정)

@font-face { font-family: '3207693_9'; src: url('/samedomainpath/현란한폰트.eot'); } @font-face { font-family: '3207693_9'; src: local('로컬설치된경우 원본 폰트이름'), url('/samedomainpath/현란한폰트.woff') format('woff'); src: local('로컬설치된경우 원본 폰트이름'), url('/samedomainpath/현란한폰트.ttf') format('truetype'); }
레이아웃/CSS 2012. 6. 14. 14:12
Prev 1 Next