FitText.js가 작아지기보다는 텍스트를 더 크게 만듭니다.

Question

Fixtext jquery 플러그인을 사용하고 있습니다. 헤드 라인이 2 줄로 줄이지 않고 사용 가능한 너비에 맞도록 텍스트의 크기를 줄여야합니다. http://fittextjs.com/

내 사이트의 플러그가 텍스트의 크기를 조정하고 있지만 크기를 줄여야 할 때 크기가 커집니다.

http://smartpeopletalkfast.co.uk/text-fit/

가 script.js에 있고 라인 jQuery('.view-display-id-page p').fitText();

지침은 소자 디스플레이 블록 수와 폭을 가져야한다는 말이며 초기화 코드 (그러나 이것은 % 가능) CSS와 내가 한 일이야. 이 문제로 어디서부터 시작해야할지 모르겠습니다. 감사. jQuery를 on()가 가능한 기능이없는 것을 의미

TypeError: $(...).on is not a function 

:

Answer 1

파이어 버그 콘솔이 있습니다. .on()이 버전 1.7에 추가되었지만 소스에서 jQuery v1.4.4를 사용합니다. 허용 된 경우, 1.7 이상의 새로운 버전으로 업그레이드를 시도하여 문제가 해결되는지 확인하십시오. 오류는 on()으로 전화하여 jquery.fittext.js에 생성됩니다.

jQuery를 업데이트 할 수없는 경우 bind()처럼 jquery.fittext.js을 on() 대신에 요소에 연결하는 다른 방법을 사용하도록 변경할 수 있습니다.

--update

또한/아래 FitText.js의 compressor setting을 조정할 시도 할 수 있습니다. 값을 3.0으로 설정하면 로컬로 문제가 해결되었으므로 실험 해보십시오. 브라우저 창 크기를 조정하면

... other js code ... 

//jQuery('.view-display-id-page p').fitText(); 
jQuery('.view-display-id-page p').fitText(3.0); 

... other js code ... 

글꼴 크기도 크기를 조절 :처럼 지금 scripts.js 보인다. 더 정밀한 조정은 minFontSize & maxFontSize 설정을 통해 가능해야합니다.

Answer 2

여러 줄로 매우 불안정합니다. 다음 중 하나를 사용하십시오. https://github.com/STRML/textFit