font-feature-settings features는 (는) JavaScript를 사용하여 활성화되었습니다.

Question

Javascript를 사용하여 글꼴 기능 설정 내에서 기능을 활성화 및 비활성화하려면 어떻게합니까? 우리는 텍스트가있는 경우

예를 들어, 사용하는 :

font-feature-settings: "ss01", "liga"; 

어떻게 우리가 그 목록에 "SS02"를 추가 할 수 있습니까? "liga"를 유지하면서 "ss01"을 제거 하시겠습니까?

글꼴에는 12 개의 다른 스타일 집합과 다른 6 가지 기본 기능이 있으므로 css 클래스 (classList)를 사용하면 이렇게 빨리 수행 할 수 있습니다.

감사합니다.

Answer 1

는 여기에 내가 그 일을 결국 방법은 다음과 같습니다

내가했다 변수를 만들어 (리가와 컨 항상 합자를 켜고 커닝해야하기 때문에 포함) 기본 글꼴 기능 설정.

그런 다음 확인란이 선택되어 있는지 확인합니다. 기능 코드가 변수에 추가되었습니다.

구현할 때 기존 fontFeatureSettings가 제거 된 다음 기존 스타일 속성이 있고 새 글꼴 기능 설정이 추가되었습니다. 속성을 설정하면 완료됩니다.

function changeSS()  { 
    var function_on = "font-feature-settings: 'liga' 1, 'kern' 1," 

     if (document.getElementById("ss01").checked) { function_on += "'ss01' 1," }; 
     if (document.getElementById("ss02").checked) { function_on += "'ss02' 1," }; 
     if (document.getElementById("ss03").checked) { function_on += "'ss03' 1," }; 
     if (document.getElementById("ss04").checked) { function_on += "'ss04' 1," }; 

     function_on = function_on.slice(0,-1)+";" 

     var txt = document.getElementsByClassName("text"); 
     for (i = 0; i < txt.length; i++) { 
      txt[i].style.fontFeatureSettings = null; // nuke existing features 
      var s = txt[i].style.cssText // get existing styles, then add font-feature-settings 
      s += " " + function_on 
      txt[i].setAttribute("style", s); 
     }