웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
XP계열의 방문자 컴에서 ClearType 효과 사용여부 확인
2004.04.04 23:39
XP계열의 방문자 컴에서 ClearType 글꼴 다듬기 효과 사용 시 영문 폰트(예: tahoma, verdana..)에
마이크로소프트사의 비쥬얼 필터(예: blur, dropshadow, gray, alpha..)가 사용 되면 폰트가 굵고 매우 추하게 보이게 됩니다.
![](http://yeupy.com/cgi-bin/ez2000/system/db/data/upload/2/1089135676/dropshadow.gif)
정상적으로 보이는 필터링 된 폰트
![](http://yeupy.com/cgi-bin/ez2000/system/db/data/upload/2/dropshadow2.gif)
ClearType 사용 시 보이는 필터링 된 폰트
이런 현상을 방지하기 위하여 window.screen 오브젝트의 fontSmoothingEnabled 속성을
이용하여 방문자의 글꼴 다듬기 효과 사용여부를 알 수 있습니다. (값: Boolean, 속성: read-only)
== fontSmoothingEnabled 응용의 예 ===================
<script type="text/javascript">
<!--
function getstylesheet() {
if (iscleartype() == true) {
document.styleSheets[0].addImport('필터가_사용되지_않는.css');
}
else {
document.styleSheets[0].addImport('필터가_사용된.css');
}
}
function iscleartype() {
if (window.screen.fontSmoothingEnabled == true) {
return true;
}
else { return false; }
}
document.onload = getstylesheet();
//-->
</script>
== fontSmoothingEnabled 응용의 예 끝 ================
제 홈페이지에 오시면 예제를 보실 수 있습니다.
글꼴 다듬기를 효과를 끄고 올 때와 키고 올 때의 폰트 효과가 다르게 보입니다.
[참고 자료]
fontSmoothingEnabled Property
- http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/fontsmoothingenabled.asp
ClearType information
- http://www.microsoft.com/typography/ClearTypeInfo.mspx
addImport Method of styleSheet Object
- http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/addimport.asp
Visual Filters and Transitions Reference
- http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/reference/reference.asp
마이크로소프트사의 비쥬얼 필터(예: blur, dropshadow, gray, alpha..)가 사용 되면 폰트가 굵고 매우 추하게 보이게 됩니다.
![](http://yeupy.com/cgi-bin/ez2000/system/db/data/upload/2/1089135676/dropshadow.gif)
정상적으로 보이는 필터링 된 폰트
![](http://yeupy.com/cgi-bin/ez2000/system/db/data/upload/2/dropshadow2.gif)
ClearType 사용 시 보이는 필터링 된 폰트
이런 현상을 방지하기 위하여 window.screen 오브젝트의 fontSmoothingEnabled 속성을
이용하여 방문자의 글꼴 다듬기 효과 사용여부를 알 수 있습니다. (값: Boolean, 속성: read-only)
== fontSmoothingEnabled 응용의 예 ===================
<script type="text/javascript">
<!--
function getstylesheet() {
if (iscleartype() == true) {
document.styleSheets[0].addImport('필터가_사용되지_않는.css');
}
else {
document.styleSheets[0].addImport('필터가_사용된.css');
}
}
function iscleartype() {
if (window.screen.fontSmoothingEnabled == true) {
return true;
}
else { return false; }
}
document.onload = getstylesheet();
//-->
</script>
== fontSmoothingEnabled 응용의 예 끝 ================
제 홈페이지에 오시면 예제를 보실 수 있습니다.
글꼴 다듬기를 효과를 끄고 올 때와 키고 올 때의 폰트 효과가 다르게 보입니다.
[참고 자료]
fontSmoothingEnabled Property
- http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/fontsmoothingenabled.asp
ClearType information
- http://www.microsoft.com/typography/ClearTypeInfo.mspx
addImport Method of styleSheet Object
- http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/addimport.asp
Visual Filters and Transitions Reference
- http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/reference/reference.asp
댓글 4
제목 | 글쓴이 | 날짜 |
---|---|---|
아이피를 숨겨보자 [5] | SeePaGae | 2004.01.23 |
(중복) 개인서버 운영하시는분들.. 좋은소스? [14] | SeePaGae | 2004.01.22 |
제로카운터 쉽게 설치하기
[26]
![]() | 대류 | 2004.01.17 |
제로보드 인크루드시 $DOCUMENT_ROOT 참조 [7] | 이경훈 | 2004.01.14 |
unset / isset 를 알아보자. [2] | 씨파개 | 2004.01.12 |
include에서 Failed opening 발생문제 [4] | 이경훈 | 2004.01.10 |
[팁&테크] 텍스트파일에서 디비 입력하기. [1] | 김영진 | 2004.01.09 |
GET으로 받는 변수가 하나일 때, 주소?변수값 사용하기 [5] | 버찌 | 2004.01.05 |
일정시간 이 지난 게시물 정리하기.. [3] | 명동욱 | 2003.12.24 |
[MySQL] Set 형 자료형.. [3] | 서영태 | 2003.12.24 |
나도 @ 도메인 서비스를 해보자 [29] | 김병철 | 2003.12.19 |
[제로카운터] 자동으로 DB를 지우자. (IP와 referer 5일 분량만 남기기) [4] | 이주경 | 2003.12.17 |
카일레라 서버 페이지 만들기. [2] | teslaMINT | 2003.12.09 |
편법을 이용한 inlive 방송여부 체크 [7] | 심심타 | 2003.12.09 |
DB에서 받은 데이터 배열로 하나씩 뿌리기 | LetMeLove | 2003.12.09 |
세션을 이용한 관리자 모드 구축하기 3강 [6] | 박정호 | 2003.12.09 |
세션을 이용한 관리자 모드 구축하기 2강 [6] | 박정호 | 2003.12.09 |
세션을 이용한 관리자 모드 구축하기 1강(중복?) | 박정호 | 2003.12.09 |
쉘 명령어 사용하기 [11] | 9000㎒ | 2003.12.02 |
랜덤 배경음악 만들기. [6] | 폭주나루 | 2003.12.01 |