Javascript와 CSS로 웹 폰트(나눔고딕) 적용하기

현재 사이트도 마찬가지로, JS와 CSS의 힘으로 폰트 설치 없이 웹으로 폰트를 불러와 적용시켰습니다.

적용시킨 자바스크립트 코드

WebFontConfig = { 
    custom: { 
        families: ['Nanum Gothic'], 
        urls: ['https://fonts.googleapis.com/earlyaccess/nanumgothic.css'] 
    } 
  }; 
  (function() { 
    var wf = document.createElement('script'); 
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + 
      '://ajax.googleapis.com/ajax/libs/webfont/1.6.16/webfont.js'; 
    wf.type = 'text/javascript'; 
    wf.async = 'true'; 
    var s = document.getElementsByTagName('script')[0]; 
    s.parentNode.insertBefore(wf, s);

적용시킨 CSS

 

body { 
    font-family: "Nanum Gothic", sans-serif !important; 
}

 

CSS와 Javascript의 경우 Custom CSS, Javascript같은 플러그인을 사용하시면 됩니다.

 

//EDIT

더이상 나눔고딕을 사용하지 않고, 나눔 바른고딕을 사용하고 있습니다.

Javascript 2차원 배열

2차원 배열 예제 중 하나입니다.

var a = [[7,9,4,7,2],[3,4,6,7,2],[3,2,6,9,8]] 
var b = [0,0,0,0,0,0,0,0,0,0]; 
 
for(var i = 0; i < 3; i++) { 
    for(var j = 0; j < 5; j++) { 
        b[a[i][j]]++; 
    } 
} 
for(var k = 1; k < 10; k++) { 
    document.write(k + "의 개수 : " + b[k] + "<br>"); 
} 
document.write("0의 개수 : " + b[0]);

 
확인하기