CSS style font-weight Property

http://www.w3schools.com/cssref/playit.asp?filename=playcss_font-weight&preval=900

폰트를 굵게와 보통으로 toggle 하는데 애먹었다.

bold 는 다 되는것 같은데 normal 로 돌아오지 않았다.

IE, Firefox, Opera 는 속성값을 숫자로 해야한다.

IE, Firefox, Opera, Chrome, iPhone, Android 에서 실행확인.

font-weight = bold, 700  //굵게

font-weight = normal, 400 // 보통

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript">

<!--

// 폰트를 굵게와 보통으로 toggle

function fontbold() {

// 사용자 브라우저를 확인한다.

// Opera 8.0+ (UA detection to detect Blink/v8-powered Opera)

var isOpera = !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0;

// Firefox 1.0+

var isFirefox = typeof InstallTrigger !== 'undefined';

// At least IE6

var isIE = /*@cc_on!@*/false || !!document.documentMode;

if (isIE || isFirefox || isOpera) {

var f_bold = "700";

var f_normal = "400";

} else {

var f_bold = "bold";

var f_normal = "normal";

}

// 폰트 굵게와 보통으로 toggle

var fweight = $('#id').css('font-weight') == f_bold ? f_normal : f_bold;

$('#id').css('font-weight', fweight);

// 이미지 alt 도 수정해 준다.

if (fweight == f_bold) {

$('#boldimg').prop('alt', '보통').prop('title', '보통');

} else {

$('#boldimg').prop('alt', '굵게').prop('title', '굵게');

}

}

//-->

</script>