메뉴 건너뛰기

Dev tips

JavaScript 자바스크립트로 폰트 설치 유무 확인하기

taknim 2010.04.21 22:37 조회 수 : 12063 추천:8252

http://remysharp.com/2008/07/08/how-to-detect-if-a-font-is-installed-only-using-javascript/http://wodory.com/2269아래 font.js 와 jQuery.js 를 넣고 아래와 같이 코딩

// setup
$(document).ready(
function () {  font.setup(); // run setup when the DOM is ready
});

// 설치 확인
font.isInstalled(fontname); // returns true or falseSimple.


// font.js 소스

var font = (function () {
    var test_string = 'mmmmmmmmmwwwwwww';
    var test_font = '"Comic Sans MS"';
    var notInstalledWidth = 0;
    var testbed = null;
    var guid = 0;
    
    return {
        // must be called when the dom is ready
        setup : function () {
            if ($('#fontInstalledTest').length) return;

            $('head').append('<' + 'style> #fontInstalledTest, #fontTestBed { position: absolute; left: -9999px; top: 0; visibility: hidden; } #fontInstalledTest { font-size: 50px!important; font-family: ' + test_font + ';}</' + 'style>');
            
            
            $('body').append('<div id="fontTestBed"></div>').append('<span id="fontInstalledTest" class="fonttest">' + test_string + '</span>');
            testbed = $('#fontTestBed');
            notInstalledWidth = $('#fontInstalledTest').width();
        },
        
        isInstalled : function(font) {
            guid++;
        
            var style = '<' + 'style id="fonttestStyle"> #fonttest' + guid + ' { font-size: 50px!important; font-family: ' + font + ', ' + test_font + '; } <' + '/style>';
            
            $('head').find('#fonttestStyle').remove().end().append(style);
            testbed.empty().append('<span id="fonttest' + guid + '" class="fonttest">' + test_string + '</span>');
                        
            return (testbed.find('span').width() != notInstalledWidth);
        }
    };
})();

번호 제목 글쓴이 날짜 조회 수
54 export to excel(xlsx, xls), csv, txt file - 엑셀 파일로 저장 file taknim 2016.12.15 5496
53 Regular Expressions Cheat Sheet - 정규표현식 치트 시트 taknim 2016.12.13 787
52 자바스크립트 클립보드 복사 (copy) taknim 2016.06.17 394
51 ip 국가/도시 코드(이름) 확인 (geoip) taknim 2015.02.24 2307
50 이메일, email 정규표현식 taknim 2015.02.24 2328
49 [google map api] 구글 맵스 API 로 지도 가져오기 taknim 2012.02.09 16953
48 [js] 사업자등록번호, 주민등록번호, 외국인등록번호 유효성 체크 taknim 2012.01.30 14282
47 [js] jquery 브라우저 버전 확인 자바스크립트 taknim 2012.01.10 12709
46 [js] showModalDialog Method taknim 2011.12.05 10094
45 [js & php] 비밀번호 유효성 체크 - 연속 문자, 같은 문자 taknim 2011.11.09 28704
44 navigator.userAgent 정리 taknim 2011.07.06 6618
43 [jQuery] 팝업창이나 하위프레임에서 상위 객체를 셀렉트 taknim 2011.06.07 8271
42 아이피 형식 체크 함수 taknim 2011.03.11 6584
41 모든 브라우저에 숫자만 입력받기 적용 taknim 2011.02.24 7292
40 jQuery 숫자만 입력 taknim 2010.10.27 12837
39 태그삭제하는 스크립트 taknim 2010.06.16 9851
38 javascript 에서 cookie 남기기 setcookie taknim 2010.04.22 11869
» 자바스크립트로 폰트 설치 유무 확인하기 taknim 2010.04.21 12063
36 한글 정규식 taknim 2010.02.19 9309
35 새 창에 form을 post로 전송하기 taknim 2009.09.16 10522