버튼에 사용자 정의 글꼴 사용

현재 Cookie Clicker 버튼을 통해 기능을 추가하는 사용자 스크립트를 작성하고 있습니다. 거의 완성되었지만 게임 글꼴을 단추 글꼴로 사용하고 싶습니다. 그러나이 작업을 수행하는 방법을 모릅니다. 약 2 년 전에 본 것처럼 가능하지만 어디에서 기억할 수는 없습니다. 내가 사용하려는 글꼴은 "글꼴 - 가족 : \"입니다 Kavoon \ ""버튼에 사용자 정의 글꼴 사용

관련 다음과 같다 스크립트의 일부 :

function addStyleSheet() { 
    var stylesClassName = options.panelId + '-styles'; 
    var styles = document.getElementsByClassName(stylesClassName); 
    if (styles.length <= 0) { 
     styles = document.createElement('style'); 
     styles.type = 'text/css'; 
     styles.className += ' ' + stylesClassName; 
     styles.font = superFont 
     document.body.appendChild(styles); 
    } 
    var css = '#' + options.panelId + '{position:fixed;top:0;right:0;background:#000;color:#fff;padding:5px;z-index:9999;}#' + options.panelId + ' button{margin-left: 5px;}#' + options.panelId + ' button.active:after{content:"*";color:red;}'; 
    styles[(typeof document.body.style.WebkitAppearance == "string") ? "innerText" : "innerHTML"] = css; 
}

을 여기의 방법 중 하나의 예입니다 버튼은 다음과 같이 설정됩니다.

var options = { 
    panelId: 'cookie-cheater', 
    intervalDelay: 1, 
    buttons: { 
     'bigCookie': { 
      label: 'Autoclick Big Cookie', 
      action: function() { 
       toggleAutoAction('bigCookie', function() { 
        Game.ClickCookie(); 
       }) 
      } 
     }

누군가가 아이디어 나 해결책을 제시 할 수 있다면 매우 감사 할 것입니다.

덕분에, 다니엘

................................................. .................................................. .................................................. ...........................

편집 : 완료! 이 일을 끝내기 위해 allnighter를 끌어 들였습니다. 나는 많은 것을 배웠고 제 해결책으로 끝났습니다. 제발 똑같은 상황에 있다면 Brock Adams가 Ravi Hamsa의 게시물에 올린 업데이트 된 방법을 사용하십시오. .

도움을 주신 모든 분들께 감사드립니다. 다니엘

출처

2013-09-23 Daniel Jochem

아래 @Ravi Hamsa의 업데이트 된 답변을 참조하십시오.또한 답변을 수락하고 답변에 대한 의견을 적절하게 입력하십시오. –

이 줄을 머리 태그에 추가하십시오.

<link href='http://fonts.googleapis.com/css?family=Kavoon' rel='stylesheet' type='text/css'>

이

은 당신이 당신의 스타일로 font-family:Kavoon을 사용할 수 있습니다, 귀하의 페이지에 사용하기 "가 Kavoon"준비 할 것입니다.

업데이트 :

var D = document; var linkNode = D.createElement ('link'); linkNode.type = "text/css"; linkNode.rel = "stylesheet"; linkNode.href = "http://fonts.googleapis.com/css?family=Kavoon"; var targ = D.getElementsByTagName ('head')[0] || D.body || D.documentElement; targ.appendChild (linkNode);

는 다음과 같은 코드로 스타일을 활성화 :

GM_addStyle ("button {margin-left: 5px; font-family: 'Kavoon', cursive;}");
이 코드를 사용합니다 userscript 환경에 <link> 을 추가하려면
fac t를 사용하려면 모든 주요 사용자 스크립트 엔진이 지원하는 GM_addStyle()을 사용해야하며 그 기능은 addStyleSheet()이 아닙니다.

출처

2013-09-23 07:46:34

고마워, 이건 정말 도움이 될 것이고,이 상황에서 다른 사람들에게 도움이 될 것이지만, 나는 미안하다는 것을 알기 전에 끝냈다. 나는 내 방법을 좋아하지 않는다는 이유로이 방법을 사용하도록 내 게시물을 편집 할 것입니다. t는 약간 지저분합니다. 감사! –

글꼴을 사용하려면 웹 글꼴을 포함시켜야합니다. 빠른 Google 검색으로 정확한 글꼴 (좋은 소식)을 얻을 수 있습니다. http://www.google.com/fonts/specimen/Kavoon

먼저 <head> 요소에 입력하십시오. 이렇게하면 브라우저가 로컬 컴퓨터에 글꼴을 다운로드하여 웹 페이지에서 사용할 수 있습니다.

<link href='http://fonts.googleapis.com/css?family=Kavoon' rel='stylesheet' type='text/css'>

그런 다음 요소를 선택하고 그것에 폰트 패밀리를 추가합니다.

.my-btn { 
    font-family: 'Kavoon', cursive; 
}

출처

2013-09-23 07:48:42 SamT

버튼에 사용자 정의 글꼴 사용

답변

관련 문제