그림 font-family 지원여부 확인 하기go to UP


그림 글자로 사용할 수 있는 WingDings는 사용자의 시스템에 있어야 사용할 수 있습니다. 없거나 브라우저의 설정을 페이지의 style를 사용하지 못하도록 해놓았다면 사용할 수 없습니다. 그래서 이 글꼴을 사용할 수 있는지 확인을 해야합니다. 직접적인 방법으로는 사용자 브라우저의 상태를 확인할 수 없기 때문에 다른 방법을 사용해야 합니다. WingDings 글꼴이 크기가 큰것을 이용합니다.

font-family:WingDings; font-size:100px 폭 : 75(n4), 75(e4)
font-family:Arial; font-size:100px 폭 : 25(n4), 22(e4)
font-family:Arial Black; font-size:100px 폭 : 25(n4), 33(e4)
font-family:Comic Sans MS; font-size:100px 폭 : 25(n4), 27(e4)
font-family:Courier New; font-size:100px 폭 : 25(n4), 60(e4)
font-family:Impact; font-size:100px 폭 : 25(n4), 27(e4)
font-family:Times New Roman; font-size:100px 폭 : 25(n4), 25(e4)
font-family:Verdana; font-size:100px 폭 : 25(n4), 27(e4)
font-family:굴림; font-size:100px 폭 : 25(n4), 25(e4)
font-family:굴림체; font-size:100px 폭 : 50(n4), 50(e4)
font-family:바탕; font-size:100px 폭 : 29(n4), 29(e4)
font-family:바탕체; font-size:100px 폭 : 50(n4), 50(e4)
font-family:돋움; font-size:100px 폭 : 25(n4), 25(e4)
font-family:돋움체; font-size:100px 폭 : 50(n4), 50(e4)
font-family:궁서; font-size:100px 폭 : 54(n4), 54(e4)
font-family:궁서체; font-size:100px 폭 : 50(n4), 50(e4)



레이어에게 font-family:위의 글꼴; font-size:100px 를 주고 레이어 안에 영어 소문자 l 을 넣어주고 레이어의 크기를 읽은 목록이 위의 표입니다. 가능한 폭이 작은 글자를 사용하는게 좋습니다. 그래서 소문자 l 을 사용했습니다. WingDings 보다 큰 크기를 가지는 글꼴이 없습니다. 그래서, 사용자의 시스템에 WingDings 글꼴이 없거나 페이지 style을 사용하지 못하게 해놓았으면 위의 WingDings 글꼴을 사용하지 않고 브라우저에 기본으로 지정되어 있는 위의 글꼴중 하나를 사용하게 됩니다. 이 크기 차이로 WingDings의 지원여부를 확인할 수 있습니다. 
<div id=D1 style="position:absolute; left:0; top:0; width:10; 
	font-family:WingDings; font-size:100px;"
	>l</div>

<script language="JavaScript">
n4=(documnet.layers)?1:0;
e4=(document.all)?1:0;

if(n4) { 
	if( document.D1.document.width > 70 )
		alert("WingDings Font Family 지원함.")
	else alert("WingDings Font Family 지원안함.")
}
else if(e4) {
	if( document.all.D1.offsetWidth > 70 )
		alert("WingDings Font Family 지원함.")
	else alert("WingDings Font Family 지원안함.")
}
</script>
로 가장 큰 값을 가지는 WingDings font-family 보다 두번째로 작은 60보다 큰 경우는 WingDings를 지원하는 것으로 판단할 수 있습니다.

TOP