2013-02-13 2 views
3

사용자가 텍스트를 입력하고 위치로 드래그 할 수있는 사이트에서 작업 중입니다. 글꼴 선택을 제안하고 싶습니다. 한 번에 글꼴 대신 동적으로 글꼴을로드 할 수 있습니까? 예를 들어 사용자가 텍스트를 입력하고 "일반 글꼴 1"을 사용하도록 선택하면 해당 글꼴을 jquery로로드 할 수 있습니까? 그렇게하면 페이지가로드 될 때 모두로드하지 않고도 많은 글꼴을 제공 할 수 있습니다. 또한 Google 웹 글꼴을 사용하고 싶었지만 꼭 필요한 것은 아닙니다. 명확성을 위해 현재 사용자 정의 글꼴 몇 개를 사용 중이며 잘로드됩니다. 다시 한번동적으로 글꼴로드 html jquery

, 당신을 감사 ... 토드

+0

어떻게 지금 글꼴을로드하고 있습니까? 코드 샘플을 포함 할 수 있습니까? – jrummell

답변

17

여기에 동적으로 Google 웹 글꼴을 추가하기 위해 최근에 쓴 기능 ... 그 후

function addGoogleFont(FontName) { 
    $("head").append("<link href='https://fonts.googleapis.com/css?family=" + FontName + "' rel='stylesheet' type='text/css'>"); 
} 

addGoogleFont("Junge"); // for example 

는 것처럼 font-family를 통해 글꼴을 적용입니다 너 평상시라면.

+0

물론 그렇게하는 방법입니다. 머리에 붙이는 것을 생각하지 않았습니다. 감사. 나는 이것이 대답 할 수 없을 것이라고 생각했다. 그것은 죽은 단순한 것으로 판명되었다. 환상적인 하루 되세요. – maddogandnoriko

+0

감사합니다. 도와 주셔서 너무 기쁩니다. – Archer

+3

님이 관심있어합니다. https://developers.google.com/webfonts/docs/webfont_loader – jedierikb